인생은 반복문

공부 시간: 09:00 ~ 13:00, 14:00~17:25, 23:30~03:00 1. 노마드코더 코코아 클론코딩 챌린지 day5 퀴즈 풀기 결과: 12/12 내용정리해서 깃허브에 푸시 2. 노마드코더의 'ReactJS로 영화 웹 서비스 만들기' 완강 및 2회차 완료 yts api를 활용하여 영화정보를 보여주는 static page 만듦 'westone034626.github.io/movie_app'에 배포함 (1920*1080 스크린 환경에 최적화) 복습을 위해 2회차 3. 비동기처리에 대한 공부 자바스크립트의 비동기 처리란: 특정 함수를 호출했는데 만약 딜레이가 존재하는 함수였다면? 그 함수가 끝날 때까지 기다리는게 아니라 다음 함수를 이어서 호출하는 특성. 문제점: 네트워크를 통해 얻을 수 있는 ..

공부시간: 10:00~13:30, 14:00~17:30, 19:20~23:50 1.코코아 클론 챌린지 과제 기초적인 form tag 다루는 과제였다. 2. 바닐라JS 챌린지 과제 지난 과제 정답 확인 이번 과제 시작(계산기 프로그램 제작) README.md에 구현해야 할 기능 정리 HTML로 뼈대 잡기(BEM naming convention 준수하며 class 이름 정함) CSS로 디자인하기(grid형식으로 버튼 나열, 반응형으로 만들기 위해 노력) JS로 동작하게 만들기(14시부터 17:30까지 했는데 안됨, 19:20부터 21:45까지 하는 중에 성공 후 깃 업로드 완료) 최종 리팩토링(~23:50) 함수명을 최대한 명확하게 만들어서 다음에 보더라도 이해될 수 있도록 했다. 중복되는 코드의 경우 함수..

공부 시간: 10:15~13:15, 15:00~18:00 20:45~00:45 1. NHN godo 코테 결과: 탈락 2. 코코아클론 챌린지! 퀴즈 결과 13/13 & 깃허브 업로드 3. 바닐라JS 챌린지! 1. 8~9일차 과제 정답 확인(커밋이력 스크린샷 찍어서 첨부하기) 이 과정에서 VSCode 툴에 대해 또 하나 알게 되었다. F12(정의부로 이동), ‘ctrl’ + ‘-‘(다시 복귀) Nico코드 토대로 내가 냈던 과제 리팩토링 하기 우선 함수의 이름 동사형으로 바꾸기 (다행히 전부 동사 었음) 함수가 너무 많은 역할을 한다면 작은 단위로 쪼개기 느낀점: 코드를 제대로 이해하고 있다면 어떤 단위로 쪼개야할 지 대충 감이 오는거 같다. 만약 코드를 최소 단위로 쪼갤 수 없다면 다시 한 번 코드를 찬..

09:00~12:00 블랙커피 스터디 미션1 수행 윤지수 강사님의 모던 자바스크립트 개발을 위한 ES6 강좌 일부 수강 for of arguments, Array.from Destructring Array, Object Array function, this context template처리, Tagged template literals 유인동 강사님의 함수형 프로그래밍과 JavaScript ES6+ 일부 수강 map함수 HTML로 출력하기 구현했던 미션코드 수정 13:10~16:00 블랙커피 스터디 미션1 수행 기본 요구사항의 마지막 완료 마지막으로 pull request해서 다른 팀원들에게 리뷰를 받고 승인 받아야 미션이 끝난다. 상태관리를 하지 않고 기능 구현에만 초점 맞춰서 진행했는데 다른 사람들은..

09:00 ~ 12:00 노마드코더 코코아톡 클론코딩 z-index: 각 html element에 대해 레이어를 정의할 수 있다. 0이 default. 숫자가 올라갈수록 상위 레이어를 나타낸다. position absolute, fixed된 element에 대해 사용가능하다. (채팅창 구현에서 status bar와 header bar가 position: fixed이며 이때 background-color를 줌으로써 스크롤될때 올라오는 다른 element와 겹쳐보이지 않도록 했다. 다만 z-index를 주지 않으면 status-bar가 header-bar에게 가려지므로 z-index에 대해 우선순위를 status-bar에게 줘야한다.) display:flex를 특히 많이 쓰는거 같다. justify-cont..

09:00 ~ 12:30 1. 노마드코더 코코아톡 클론코딩 수강 & 깃허브 업로드 1.1. 어제까지 클론 코딩의 HTML, CSS파트 이론부분을 완강했고 이제부터 진짜 클론코딩 파트다. 배운 걸 적용해보며 왜 써야 하는지 알 수 있어서 재밌다. 의도한 대로 CSS가 적용되다니.. 신기하다.. 혼자 할 땐 이런 적 없어서 Bootstrap만 긁어 썼었는데.. 이제는 padding, margin이라던가 display: flex라던가 조금은 능숙하게 다룰 수 있을 거 같은 자신감이 생겼다. 2. Iterm2설치 및 VS terminal과도 연동 2.1. 개발 툴에 대해 요즘 계속 관심이 생겨서 클론 코딩 강의를 듣다가 iTerm2를 설치해서 적용해보았다. 인터페이스가 내장 terminal보다 마음에 든다. 특..

09:00~12:30 1. 아침부터 동기와 대화한 내용이다.(0900~0930) 네이버 지원서 양식을 토대로 어떤식으로 포트폴리오를 준비 해나가야할지 서로 의견을 나눠봤다. 지금 현재 내가 어떤 방향으로 준비해나가야 하는지를 생각정리 해볼 수 있던 시간이었다. 꼭... 성과를 만들고 기록해서 증명해야지... 2. 노마드코더 바닐라JS 챌린지(0930~1000): day 5 과제(Assignment 5) 정답코드 확인 및 회고 day 6 과제(Today's Assignment) 진행 중 3. NHN godo 코딩테스트 참여(10:00 ~ 12:30) 3.1. 1,4번 풀고 2번 끝까지 매달리다 시험종료 (3,5번 건드리지도 않음) 3.2. 평소에 준비없이 봐서 그런지 매우 어려웠다. 요즘 포트폴리오 우선으..

09:00 ~ 12:00 1. 바닐라 JS 2주 완성 day 5 과제 시작 2. ES6 강의 중 HTML 출력 부분 잠깐 시청 (from inflearn) 3. 10:13~10:57 잠시 부모님 일 도와드림. 4. 10:57~12:00 day 5과제 setInterval까지 진행 (git으로 버전관리도 진행) 5. VSC에 대해 알게 된 점 5.1. VSC에 open in browser, live server 확장프로그램을 설치하니 개발이 편해졌다(open in browser는 live server을 쓰니 안쓰게 됨/ vsc에서 파일 저장만 하면 오른쪽 분할화면의 chrome이 알아서 새로고침 된다.) 5.2. VSC의 내장 콘솔을 사용하니 terminal로 git 명령어 다루지 않아도 되서 편해졌다. ..