리액트바오

어제 계속 문제였던 npm을 해결했다. 오전에도 해결 못했고 오후에 페어와 함께 과제를 다 끝낼때 까지도 해결을 못했는데 과제를 다 끝내고 다시 시도해보니 해결이 되었다. 아고라스테이츠에 달린 댓글 대로 해본것이다. 문제는 내 노드 버전이 많이 낮은것이였다. 이 경험을 통해 버전의 중요성을 깨닫게 되었다. 한번씩은 버전을 체크하며 업데이트도 해줘야겠다고 생각했다. 오늘은 SPA가 주된 공부 내용이였다. SPA(Single-Page Application) SPA는 서버로부터 완전히 새로운 페이지를 불러오는 것이 아니라, 화면을 업데이트하기 위해 필요한 데이터만 서버에서 전달받는다. 그리고 브라우저에서 해당하는 부분만 업데이트하는 방식으로 작동하는 웹 애플리케이션, 웹 사이트를 말한다. Today's Key..

TIL 2021. 9. 16. 20:04

리액트를 시작하는 날이다. 갑자기 npm install, npm run test, npm run start등 npm 실행 속도가 너무 느려서 구글링도 하고 아고라 스테이츠에도 문의를 해둔 상태이다. 페어와 함께 리액트 과제에 집중하여 진행해야하는데 npm 실행속도가 느린것이 계속 마음에 걸렸다. 또다시 문의를 해보고 오고 또다시 검색을 해보곤 했다. 아고라 스테이츠의 답변대로 시도해보았지만 되지 않아 너무 마음이 답답하다. 내일은 꼭 해결할 수 있길 JSX의 특징 1. 마크업과 로직을 분리하지 않고 UI를 만들 수 있다. 2. HTML 같은 문법을 활용하기 때문에 디자이너와의 협업에 편리하다. 3. JSX는 Babel을 통해 JavaScript로 변환된다. 컴포넌트 기반 개발의 특징 1. 기술적인 특징이..

TIL 2021. 9. 16. 00:56

고차함수에 대해 공부했다. 고차함수란 함수를 인자로 받을 수 있고, 함수의 형태로 리턴할 수 있는 함수다. 특징으로는 1. 변수에 할당할 수 있다. 2. 다른 함수의 인자로 전달될 수 있다. 3. 다른 함수의 결과로서 리턴될 수 있다. 코플릿 문제를 푸는 동안 생소해서 버벅 거렸는데 Sprint Review 시간에 강사님의 설명을 들으면서 '아~ 그래서 그랬구나' 하는 부분이 몇개 있었다. Sprint Review시간에 집중을 잘 해야겠다고 생각했다. Today's Key🔑 filter는 조건에 맞는 데이터만 분류(filtering) 할 때 사용한다. map은 하나의 데이터를 다른 데이터로 맵핑(mapping) 할 때 사용한다. reduce는 여러 데이터를, 하나의 데이터로 응축(reduce)할 때 사용..

TIL 2021. 9. 16. 00:43

저번주에 이어 유효성 검사를 하는 날이었다. 저번주에 다 끝냈기 때문에 DOM에 대해 따로 공부하는 시간을 가졌다. 유튜브에서 DOM관련 영상을 몇가지 찾아 영상을 보며 공부했다. DOM은 하나의 메소드처럼 개념을 알고 다음에 사용할때 찾아볼게 아니라 DOM을 따로 공부해야 할 것 같다. BOM이란것도 있던데 함께 봐야겠다. DOM이란? DOM은 Document Object Model의 약자로, HTML 요소를 Object(JavaScript Object)처럼 조작(Manipulation)할 수 있는 Model이다. 즉, 자바스크립트를 사용할 수 있으면, DOM으로 HTML을 조작할 수 있다. BOM이란? BOM은 자바스크립트가 브라우저와 소통하기 위해서 만들어진 모델이며 window 객체를 통해 접근이..

TIL 2021. 9. 16. 00:30

DOM에 대해 공부한뒤 'DOM으로 HTML 조작하기' 를 연습해보았다. DOM을 javascript로 조작하여 HTML Element를 추가할 수 도 삭제 또는 내용을 변경할 수 도 있다는것이 새로웠다. CREATE, READ, UPDATE, DELETE(CRUD)그리고 APPEND 이렇게 크게 5가지라는것을 배웠다. 이것을 학습한 후 페어와 함께 유효성 검사를 진행했다. 로그인을 할때 아이디가 4글자 이상이면 '사용할 수 있는 아이디 입니다'라는 문구를 띄우고 또 4글자 미만이면 '사용할 수 있는 아이디 입니다'라는 문구는 안보이도록 해야한다. 대신 '아이디는 네글자 이상이어야 합니다'라는 문구를 띄워야 하는것이다. 어려울 것 같아 긴장했지만 하다보니 재미있었다. DOM이란? DOM(Document ..

TIL 2021. 9. 10. 21:19

Spread/Rest문법에 대해 공부하고 난 뒤 페어를 만나 javascript Koans과제를 함께 풀었다. 잘 하는 분을 만나서 많은 도움을 얻을 수 있었다. 오늘 과제 수행에 있어 많은 배움을 얻을 수 있어서 좋았지만 한편으로는 나도 누군가에게 가르쳐줄 수 있는 사람이 되고 싶다는 생각이 들었다. 나는 자신감이 없어서 페어가 모르고 내가 아는 부분이 나오더라도 자신감 없이 '이럴.. 수도 있지 않을까요? 왠진 모르겠지만 .. 이렇게 하니까 되긴 하네욥..!?' 이런식으로 말을 하곤 한다. 자신감이 없기 때문이다. 내가 공부를 열심히 하고 잘 준비하고 내 자신에게 떳떳하다면 자신감은 자연스럽게 생길 거라 생각한다. 하루 일정이 끝난후에 추가 공부 시간을 게을리 하지 않아야겠다고 다짐한다. Spread..

TIL 2021. 9. 9. 21:01

원시 자료형과 참조 자료형 그리고 스코프와 클로저에 대해 공부했다. 최근 매일 페어와 코플릿 또는 과제를 함께 풀어오다가 오래간만에 혼자 공부하는 날이어서 나도 모르게 아니,, 대놓고 자유함? 을 느꼈다. 이 자유함이 안 좋은 쪽으로 작용하여 집중을 잘 하지 못했다. 오늘 주어진 일정 시간이 다 갈때쯤 급하게 집중을 하곤 했다. 뒤 늦게 짧은시간에 이해하기에 어려운 내용이라는것을 알게 되었다. 이런 기분이 싫었고 내 자신에게 떳떳하지 못했다. 다시는 이러지 말아야지! 주어진 일정 시간에 최선을 다해야지!! let, const, var 의 차이 변수 선언 변수의 선언은 var, const, let 가 있는데 ES6에서 const와 let이 추가되었다. var 키워드의 문제점은 크게 세 가지가 존재한다. 변..

TIL 2021. 9. 9. 20:37

객체를 활용하여 코플릿 문제를 풀었다. 조건에 따라 객체의 키 값을 추가하는 부분이 어려웠다. 레퍼런스를 확인하고 나면 바로 이해가 되었지만 이해했다고 착각하면 안된다. 이렇게 착각하고 넘어가선 안된다는것을 경험을 통해 느끼고 있다. 오늘 레퍼런스를 참조했던 문제들은 다시 꼭 풀어보고 자야겠다. Today's Key🔑 지금까지 풀었던 코플릿 문제중 어려웠던 문제는 따로 노션에 정리하기

TIL 2021. 9. 7. 18:19