매일 반복할 것
1. 7시간 이상 취침
2. 문제 발생 및 해결 경험에 관한 내용은 '꼭' 정리 (메모장에 금일 이슈 항시 정리)
3. 하루 30분 이상 턱걸이, 푸쉬업 수행
- 수행 완료 시 날짜 옆에 숫자 기입
Section 1 - html/css, js기본, git
2022-04-25 (1, 2, 3)
- 교육 환경 세팅
- 수료를 위한 마인드셋
- gitfork(git fork기능이 아닌 깃 툴이다. 소스트리보다 더 좋다고 하여 사용해볼 예정)를 통한 repository생성 및 commit, push 테스트
2022-04-26 (2, 3) : 1시쯤 취침하여 7시 10분 기상
- 변수, 타입
- 페어프로그래밍(개발을 처음 접하시는 분과 매칭되어 기초를 가르쳐 드리며 나도 다시한번 정리해보는 계기가 되었다.)
2022-04-27 (1, 2) : 근육통이 있어 건너 뛰었다.
- 조건문, 문자열
- 페어프로그래밍(코플릿) : 네비게이터, 드라이버 역할을 하면서 자바스크립트에 점점 익숙해지고 손의 근육에 기억이 되는 느낌이 난다. 페어분 덕분에 수월하게 진행되었다.)
2022-04-28 (2, 3) : 2시취침 7시 10분기상 (블로깅하다 늦잠)
- 반복문
- 페어프로그래밍(코플릿) : 필요할 때 구글링 하여 편하게 가져다 썼던 각종 값 추출 함수(소수구하기, parsing, sorting기능이 들어간 함수 등)를 오랜만에 직접 구현하려니 중간 중간 시간이 걸린 문제가 있었다. 어차피 코딩테스트도 대비해야 하니 즐거운 마음으로 임했다.
2022-04-29 (1, 2, 3)
- html : 처음으로 html을 직접 손으로 다뤄 보았다. 상용 웹사이트의 element를 분석 후 그것을 빠르게 마크업 해낼 수 있는 능력을 먼저 기른 후 머릿속에 떠오르는 웹사이트의 구조를 바로바로 마크업 할 수 있는 능력을 가지도록 연습할 것이다.
2022-04-30 (2, 3) : 3시 취침 8시 기상
- html / css : html, css를 계속 손에 익히고 있다. html의 id, class부여 방법과 css의 셀렉터 활용에 대해 고민하여 유지보수 하기 좋은 구조로 만들고 싶다.
- css적용시 하나의 element에 대해 다중으로 속성을 부여할 경우 충돌이 발생한다. 이 때, 특이도가 높은 것을 우선으로 적용하게 된다. id > class > element (동률일 경우 더욱 구체적으로 명시한 것으로 적용)
2022-05-02 (2, 3) : 3시 취침 8시 기상
- html / css : html, css를 계속 손에 익히고 있다. html의 id, class부여 방법과 css의 셀렉터 활용에 대해 고민하여 유지보수 하기 좋은 구조로 만들고 싶다.
- css적용시 하나의 element에 대해 다중으로 속성을 부여할 경우 충돌이 발생한다. 이 때, 특이도가 높은 것을 우선으로 적용하게 된다. id > class > element (동률일 경우 더욱 구체적으로 명시한 것으로 적용)
2022-05-03 (1, 2, 3)
- css flex, 페어프로그래밍 : flex기능을 배우고 그것을 통해 계산기의 목업을 제작하는 페어프로그래밍을 했다. 익숙해질때까지 시간이 걸릴 것 같다.
2022-05-04 (1, 2, 3)
- css flex, 페어프로그래밍 : 어제에 이어서 flex를 통해 계산기의 레이아웃을 잡은 후 css를 입혀 목업을 완성했다. 추후에는 자바스크립트를 통해 실제 계산기가 만들어질 예정이다.
2022-05-06 (1, 2)
- 목업으로 만든 계산기에 계산 기능을 넣었다. 자바스크립트를 통해 html을 조작하는 것에 꽤 익숙해졌다.
2022-05-09 (1, 2, 3)
- terminal사용법(git, nodeJS, npm, nvm)을 맛보았고, 항상 필요하지만 학습하기 꺼려졌던 부분에 대해 충분한 실습을 통해 앞으로의 습득 전략을 수립하기에 좋은 계기가 되었다고 생각한다.
2022-05-10 (1, 2, 3)
- 배열 및 코플릿 : 각종 배열 매서드를 활용하고, map/filter/reduce를 활용하여 결과를 도출해내는 연습하기에 좋았다.
2022-05-11 (1, 2, 3)
- 객체 및 코플릿 : 객체를 다루고, 활용하는 것을 코플릿을 통해 익숙해질 수 있는 계기가 되었다.
2022-05-12 (1, 2, 3)
- 원시 자료형과 참조 자료형의 차이와 메모리에 어떻게 할당되는지에 관한 내용을 숙지했다.
2022-05-13 (1, 2, 3)
- 클로저에 관한 내용 및 코드스테이츠에서 제공하는 자바스크립트 기본 문법들에 관한 과제인 Javascript Koans를 페어 프로그래밍 하면서 지금까지 배운 내용들을 정리하고, 깊은 복사 및 얕은 복사와 구조분해할당 등 앞으로 코딩을하거나 남이 짠 코드를 해석할 때, 보다 더 수월하게 할 수 있을 것이란 자신감이 생겼다.
2022-05-16 (1, 2, 3)
- Javascript Koans를 복습했고, 앞으로 개발을 하며 헷갈리는 부분이 생기면 다시 복습할 자료로 활용할 예정이다.
2022-05-17 (1, 2, 3)
- 자바스크립트를 통해 DOM의 CRUD하는 법을 배웠다. 금일 페어프로그래밍 과제는 널널해서 페어분과 개발 관련한 다양한 이야기를 나눌 수 있었다.
2022-05-18 (1, 2, 3)
- 어제에 이어 DOM제어를 연습한 후, 이벤트 객체에 관한 내용을 배웠다.
2022-05-19~20 (1, 2, 3)
- Section1의 마무리 과제인 나만의 아고라스테이츠 만들기 실습을 진행했다.
(결과 : https://velog.io/@zer0jun/%EC%BD%94%EB%93%9C%EC%8A%A4%ED%85%8C%EC%9D%B4%EC%B8%A0-Section1%EA%B3%BC%EC%A0%9C)
2022-05-23 (1, 2, 3)
- Section1을 마무리하며 기술면접 학습법, section1 회고를 작성했다.
Section 2
2022-05-24 (1, 2, 3)
- 고차함수에 대해 배웠다. 나는 함수형 프로그래밍에 관심이 있기 떄문에 콜백함수와 커링함수를 이용하여 코플릿 문제를 풀어나가는게 재미있었다.
2022-05-25 (1, 2, 3)
- 클로저 모듈 패턴, 클래스와 인스턴스, 객체지향 프로그래밍, 프로토타입에 대해 배웠다. 개념은 어느정도 이해되지만 객체지향적으로 프로그래밍을 하기 위해선 꾸준한 연습이 필요할 것으로 판단된다.
2022-05-26 (1, 2, 3)
- 프로토타입과 자바스크립트의 문법적 설탕인 class에 대해 배운 후 Beesbeesbee과제(벌에 관한 클래스 구현 과제)를 통해 객체지향적 프로그래밍에 대한 내용을 숙지했다.
2022-05-27 (1, 2, 3)
- 자바스크립트의 라이브러리인 underbar 라이브러리를 페어프로그래밍을 통해 직접 구현해보는 시간을 가졌다. map filter reduce등의 기능을 직접 구현해 보는 것이 난해하면서 재미 있었고, 이 과제는 꾸준히 다시 들여다 볼 것 같다.
2022-05-30 (1, 2)
- Nodejs의 fs모듈을 callback, promise, asyce await로 각각 구현해보았다. 매우 바빠서 운동을 하지 못했다.
2022-05-31 (1, 2, 3)
- fetchAPI를 활용하여 json데이터를 불러와서 promise, promiseAll, async await를 통해 json데이터를 추출하는 함수를 만들어보는 과제를 했다. 난해한 promise에 대해 좀 더 감이 오는 계기가 되었다.
2022-06-02 (1, 2, 3)
- 리액트의 jsx, 컴포넌트 등 기본에 대해 배운 후 간단한 테스트 과제를 진행했다.
2022-06-03 (1, 2, 3)
- 리액트를 활용한 SPA구현 방법과 react-router-dom을 통해 경로를 구성하고, 경로에 따라 컴포넌트 요소를 바꾸는 과제를 진행했다.
2022-06-07 (1, 2, 3)
- 리액트 useState를 배운 후 지금까지 배운 react기능을 통해 기본적인 트위터 기능을 구현했다.
2022-06-08 (1, 2, 3)
- 어제에 이어 트위터 기능에 list의 delete, select처리 기능 등을 추가했다.
2022-06-09 (1, 2, 3)
- 브라우저의 작동 원리와 http, api등에 대해 학습했다.
2022-06-10 (1, 2, 3)
- Rest Api에 대해 학습했다.
2022-06-13 (1, 2, 3)
- open api에 접근하여 get / post명령어를 직접 쏴보는 실습을 했다.
2022-06-14 (1, 2, 3)
- effect hooks를 통해 리액트에서 사이드이펙트가 발생하는 코드들을 다루는 방법을 실습했다.
2022-06-15 (1, 2, 3)
- effect hooks를 통해 로딩페이지, api요청을 통한 데이터를 표출 하는 기능을 구현하는 실습을 진행했다.
2022-06-16 (1, 2, 3)
- Nodejs를 통해 소문자 -> 대문자, 대문자 -> 소문자 변환 해주는 서버를 구현했다.
2022-06-17 (1, 2, 3)
- Express를 통해 get, post, delete등을 수행하는 rest api서버를 구현 과제를 진행했다.
2022-06-20 (2)
- 예약기능을 하는 rest api서버 구현 과제를 완료했다.
2022-06-22 섹션 2 마무리
Section 3
2022-06-27 (1, 2)
- UI/UX에 대한 기본 개념을 습득했다.
2022-06-28 (1, 2)
- Figma의 기본 기능들을 배우고, 페어와 함께 서핏사이트 메인페이지를 클론한 목업을 제작했다.
2022-06-29 (1, 2)
- Figma를 통해 28일 제작한 목업에서 상단 메뉴바 드롭다운 기능을 추가했다.
완성링크
2022-06-30 (1, 2)
- storybook을 통한 CDD주도 개발 방법, useRef활용 방법에 대해 배웠다. CDD방법은 익숙해질 때까지 반복숙달해야 겠다고 생각했다.
2022-07-01 (1, 2)
- 모달, 토글버튼, 태그, 자동완성 등의 사용저 정의 컴포넌트를 구현하는 과제를 진행했다.
2022-07-04 (1, 2, 3)
- 금요일에 이은 과제를 진행했다
- 이진 트리의 여러가지 순회 방법 학습이 필요하다.
2022-07-05 (1, 2, 3)
- 리액트를 통해 장바구니 과제를 구현했다.
2022-07-06 (1, 2)
- 상태관리를 리액트의 props 내리꽂기를 통해 진행한 어제의 과제를 리덕스를 통해 하는 과제를 진행했다. 테스트 코드를 통과시키는 것은 무리 없었으나 처음부터 구축하기엔 어렵겠다고 느껴졌다.
2022-07-07 (1, 2, 3)
- 어제에 이어 리덕스 과제를 진행했다.
2022-07-11 (1, 2, 3)
- 웹 접근성에 대해 학습하고 블로깅 활동을 진행했다.
2022-07-11 (1, 2, 3)
- 한주간 웹 접근성 개선과 더불어 쿠키, 세션, 토큰, Oauth등을 통하여 웹 인증과 보안을 구현하는 과제를 진행했다. 처음으로 배어 미니멈을 다 끝내지 못한 과제가 있었다. 추후 공부가 필요하다.
