전체 글

getAllWords 문제 문자열을 입력받아 문자열을 구성하는 각 단어를 요소로 갖는 배열을 리턴해야 합니다. 입력 인자 1 : str string 타입의 공백이 있는 문자열 출력 배열을 리턴해야 합니다. 주의 사항 반복문(for, while) 사용은 금지됩니다. 단어는 공백 한 칸으로 구분합니다. 연속된 공백은 없다고 가정합니다. let output = getAllWords('Radagast the Brown'); console.log(output); // --> ['Radagast', 'the', 'Brown'] function getAllWords(str) { if(str.length === 0){ return []; } return str.split(" "); } 문자열을 구성하는 각 단어를 요소..

자바스크립트에는 여러가지 타입이 존재합니다.( Number , String , Null , Undefined , Boolean ... 등 ) 여기서 흔히 자바스크립트의 타입이 무엇인지 확인해보기 위해서는 typeof 연산자를 활용해서 타입을 찾을 수 있습니다. 그럼 한번 타입을 찾아볼까요 ? 결과를 보니 배열의 타입은 object라고 나와있습니다. object는 뭘까요 ? 그 전에 알아둬야 할 지식이있습니다. 바로 자바스크립트의 타입에는 원시값과 객체로 나뉩니다. 여기서 object 는 객체입니다. 그럼 원시값은 뭘까요 ? 바로 boolean, number, undefined, string 등이 원시값에 속합니다. 가장 헷갈리는 것이 string 타입의 원소 값을 바꾸고 싶을 때 보통 ' = ' 을 사용..

나는 현재 윈도우10을 사용중이여서 실습을 진행하기위해 컴퓨터에 우분투를 설치했다. 처음에는 튜토리얼대로 따라하면 금방 설치 할줄 알았지만 생각보다 시간이 오래걸렸고, 설치 도중에 수많은 오류와 마주했다. 결론부터 말하자면 내 컴퓨터는 고장났다. 더이상 전원이 들어오지않고 아예 먹통이 되어버렸다. 사실 코드스테이츠에 들어오기 전부터 사전안내문서로 우분투 설치를 하라고 했었지만 새로운 컴퓨터를 구매할 계획이 있어서 컴퓨터를 구매한 후 우분투를 설치하려고 했었다. 하지만 어떤 컴퓨터를 살지 너무 고민이 되었고, 여러가지 학습으로 인해 컴퓨터를 알아볼 시간이 없어서 그동안 윈도우 환경에서 실습을 진행했었는데 당장 오늘 우분투를 설치하려고해서 이런 결과가 발생한거 같다... ㅠㅠ 부랴부랴 usb를 구매하고 우분..

오늘부터는 새로운 페어분과 활동하게 되었다. 오늘의 활동으로는 계산기의 기능을 구현하는 활동이었다. 처음부터 만드는 것이 아니라 틀은 잡혀있고 그 안의 기능들을 구현하는 것이었다. 구현해볼 계산기는 위의 칸처럼 첫 번째 숫자칸, 연산자 칸 , 두 번째 숫자칸, 결과 칸 이렇게 나누어져있었고 버튼을 클릭할 시 칸에 적절한 버튼 텍스트가 뜨게 구현해야 했다. 예전에 이와 비슷하게 버튼을 클릭했을 때 .innerHTML 을 활용하여 화면에 텍스트를 변경했던 기억이 있어 그렇게 해보았는데 코드를 다시 살펴보니 아래 처럼 사용할 수 있게 변수로 선언되어있었다. const firstOperend = document.querySelector('.calculator__operend--left'); // calculat..

오늘은 하루종일 페어프로그래밍 활동을 진행하였다. 어제 학습한 조건문과 반복문 문제을 페어분과 풀어보았다. 여러 문제를 풀어본 적이 있어서 문제 푸는데에는 어렵지 않았지만 초반에는 내가 푼 방법을 페어분께 설명해주는 부분에서 내가 이해하고 있는 부분을 잘 전달해주지 못한 거 같다. 하지만 점점 문제를 풀고 풀이를 설명하는 과정에서 의사코드를 작성해서 설명해드리니 초반에 설명한 것 보다는 생각이 잘 전달된 것같다! 설명하면서 한번 더 문제를 파악하고 그에 맞는 코드를 설명해드리니 개념이 잘 정리된 거 같고 다음에 비슷한 문제를 풀게 된다면 망설임 없이 풀 수 있을 것이라는 자신감도 생겼다. 오늘은 코플릿 문제 중 헷갈려서 넘어갔다가 다시 풀어본 문제를 위주로 블로그를 작성해 볼 것이다. 조건문 addOne..

오늘은 내가 생각하는 코딩의 기초이자 코딩의 꽃 조건문 ,반복문 , 함수에 대해 공부해보았다. 어제는 간단하게 변수와 타입에 대해 배웠었는데 오늘은 조금더 심화된 부분을 배운 거 같다. 다른 언어들과 유사한 부분이 많아서 공부하기는 쉬웠던 거 같다 ! 공부를 하면서 헷갈렸던 부분이나 중요한 부분을 작성해보겠다. 동치연산자(===) 동치연산자는 두 피연산자가 동일하면 true, 그렇지 않으면 false를 반환한다. !== 는 반대로 두 피연산자가 동일하지 않으면 true, 동일하면 false를 반환한다. 예전에 나는 조건문을 쓸 때 항상 == ,!= 를 써왔었다. 자바스크립트에는 === 가 있는걸 알고 있음에도 다른 언어에서 쓰이듯 == , != 를 써왔었는데 오늘 멘토분께서 자바스크립트에서는 무조건 동치..

오늘부터 자바스크립트에 대해 공부하게 되었다. 자바스크립트는 예전에 공부했던 c java python 등 다른 프로그래밍 언어보다 가장 공부할 때 흥미로웠던 언어인거 같다. 그만큼 매력적이면서 어려웠던 부분도 많았던 거같다. 기초부분은 다른 언어들과 비슷한 부분이 많아 간단하게 공부하고 넘어갔던 기억이 있다. 따라서 기초부터 다시 차근차근 복습해가면서 내것으로 만들겠다는 생각을 했다. 가끔 알고리즘 문제를 풀면서 배열의 몇번째 위치 찾는거 그거... 그 뭐였지 ? 하면서 구글링하는 일이 많았는데 다 기초가 부족한 탓이었던 거 같다. 따라서 처음부터 다시 기초부터 탄탄하게 쌓아야겠다 !! 오늘 배운 부분은 코드실행 그리고 타입과 변수이다. 이 중 내가 헷갈렸거나 기억이 잘 안났던 부분에 대해서 정리해보겠다..

오늘은 어제부터 이틀간 페어프로그래밍 활동으로 계산기 목업을 만들어보았다. 틀만 잘 잡으면 디자인은 얼추 하면 되겠지 하는 내 생각에 뒷통수라도 치듯.. 계산기를 디자인하는데 걸리는 시간이 레이아웃 작업보다 4배는 더 걸렸던 거 같다. 아무래도 동기들과 작년 기수 선배분들의 작업물을 보고 내 작업물을 보다보니 많이 부족함을 느끼기도 했고 살짝 부끄러웠던 거 같기도 했다.. 그래서 어제 정규 세션이 끝나고 잠깐의 휴식 후 구조부터 다시 차근차근 시작해나갔다. 디자인 또한 생각이 나는대로 메모장에 적어두고 하나씩 내가 생각한 디자인의 배경을 골라보았다. 그렇게 몇시간 동안 찾아본 결과 또한 .. 찾지 못하였다... 그래서 대충 배경색을 하늘색으로 설정해두고 잠에 든 거 같다. 그렇게 오늘이되고 9시부터 페어..

오늘은 css를 공부하면서 가장 큰 어려움을 겪었던 flexbox를 공부했다. 사실 공부라기 보다는 필요할 때마다 구글링을 해서 찾아보며 하나하나 실패를 거듭해가며 써왔지만 이렇게 개념부터 차근차근 공부해간건 오늘이 처음인거 같긴 하다. 그래서 더 열심히 공부하고 학습한 부분이기도 하다. Flexbox로 레이아웃을 구성한다는 것은 박스를 유연하게 늘리거나 줄여 레이아웃을 잡는 방법이다. 사용 방법은 display: flex 를 선언해주면 된다. 여기서 중요한 점이 있는데 이 속성은 부모 박스 요소에 적용해, 자식 박스의 방향과 크기를 결정한다는 점이다. 아래의 코드에서는 부모요소는 이고 자식요소는 3개의 이다. box1 box2 box3 각 요소들을 구분하기 위해 아래의 CSS를 적용해 볼 것이다. ma..