Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- 모던 자바스크립트 TIL
- TypeScript 문법 소개
- 모던 자바스크립트 Deep Dive TIL
- react customHook 예시
- 프로그래머스 K_Digital Training
- KDT 프로그래머스 데브코스 프론트엔드
- Vue3 Router
- 머쓱이
- 모던 자바스크립트 Deep Dive
- K_Digital Training
- useRef 지역 변수
- 프로그래머스 데브코스 프론트엔드
- 모던 자바스크립트 딥다이브
- Frontend Roadmap
- react 프로젝트 리팩토링
- useEffect return
- KDT 프로그래머스
- 리팩토링 회고
- 투포인터알고리즘 js
- 백준 js
- 프로그래머스 데브코스
- 프로그래머스 데브코스 프론트엔드 TIL
- 모던 javascript Deep Dive
- 우테캠 회고록
- Vue3
- 인프런 자바스크립트 알고리즘 문제풀이
- 프로그래머스 K_Digital Training 프론트엔드
- 개발자 특강
- frontend roadmap study
- 백준 node.js
Archives
- Today
- Total
프론트엔드 개발자의 기록 공간
[프로그래머스 데브코스_FE] TIL Day-13 본문
❗❗ 데브코스 12일차 (08.18)
나름 여유로웠던 하루였던 것 같다.
VanillaJS를 활용하여 TodoList를 만들어보는 강의를 진행했다.
이전에 TodoList를 클론 코딩한적이 있었지만, 명령형 방식으로 작성했었다.
이번 강의를 통해 구현방법에는 다양한 방법이 존재한다는 것을 알았고,
컴포넌트 방식이 중요성을 다시한번 깨달았다.
리액트 학습당시에 컴포넌트 방식으로 작업을 했지만, VanillaJS로도 컴포넌트 방식으로
구조를 나누고 작업할 수 있다는 것은 지금에서야 알게 되었다.
컴포넌트 구성이란 기능을 한개의 독립적인 파일로 만들어서 필요한 데이터를 props로 전달하면서
사용하는 방식이다. 그렇게 만들어진 파일 하나하나가 컴포넌트가 되고 컴포넌트를 적절히 조합해서 사용하면
원하는 결과물을 얻을 수 있다.
이러한 컴포넌트 방식은 프론트엔드 프레임워크에서 사용하고 있다.(react, vue등)
독립적으로 분리하기 때문에 재사용성이 높고, 유지보수가 매우 쉽다.
📖 학습한 내용
- VanillaJS (1)
- To do List
- Client Side에서 데이터를 저장하기
- Local Storage
728x90
'프로그래머스 데브코스_FE > TIL' 카테고리의 다른 글
[프로그래머스 데브코스_FE] 회고록 (4) | 2021.08.20 |
---|---|
[프로그래머스 데브코스_FE] TIL Day-14 (0) | 2021.08.19 |
[프로그래머스 데브코스_FE] TIL Day-12 (0) | 2021.08.18 |
[프로그래머스 데브코스_FE] TIL Day-11 (0) | 2021.08.17 |
[프로그래머스 데브코스_FE] TIL Day-10 (0) | 2021.08.14 |
Comments