일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 29 | 30 | 31 |
- Vue3 Router
- useEffect return
- 프로그래머스 데브코스 프론트엔드
- 백준 node.js
- 모던 자바스크립트 딥다이브
- 리팩토링 회고
- KDT 프로그래머스
- 모던 javascript Deep Dive
- 백준 js
- react customHook 예시
- 인프런 자바스크립트 알고리즘 문제풀이
- Vue3
- 모던 자바스크립트 Deep Dive
- 투포인터알고리즘 js
- 모던 자바스크립트 Deep Dive TIL
- TypeScript 문법 소개
- 우테캠 회고록
- useRef 지역 변수
- K_Digital Training
- 머쓱이
- 개발자 특강
- 프로그래머스 데브코스 프론트엔드 TIL
- 모던 자바스크립트 TIL
- 프로그래머스 K_Digital Training
- 프로그래머스 K_Digital Training 프론트엔드
- frontend roadmap study
- Frontend Roadmap
- react 프로젝트 리팩토링
- KDT 프로그래머스 데브코스 프론트엔드
- 프로그래머스 데브코스
- Today
- Total
목록프로그래머스 데브코스 프론트엔드 (43)
프론트엔드 개발자의 기록 공간
❗❗ 데브코스 16일차 (08.23) 벌써 4주차 시작이다. 역대급으로 시간이 빨리 흐르는 것 같다. 오늘은 history api학습에 앞서 이것이 나오게 된 계기인 SPA (Sing Page Application)에 대해서 먼저 학습을 진행했다. 일반적인 정적인 웹페이지의 경우 HTML 파일들로 페이지가 구성된다 URL이 파일 경로와 이름이 된다. URL상 파일명이 없을 경우 index.html을 찾을려고한다. 하지만 웹 애플리케이션과 같은 하나의 페이지에서 여러개의 화면을 처리해야하는 상황이 많이 발생하면 SPA가 대두되기 시작했다.(facebook과 같은 사이트) ✅ SPA의 경우 서버는 API만 처리하고 모든 랜더링 과정을 클라이언트에서 하는 방식 클라이언트에서 html 파일은 index.html..
❗❗ 데브코스 15일차 (08.20) 저번시간에 비동기 학습에 이어서 오늘은 fech api를 활용한 수업을 진행했다. fech api로 데이터 정보를 받아와서 필요한 요구사항에 맞게 화면에 랜더링을 구현하였다. ✅ fetch api란 비동기 http 요청을 좀 더 쓰기 편하게 해주는 API XMLHTTPRequest을 대체합니다. Promise기반으로 동작합니다. fetch("http://~~~") .then(data => { return data.json() }) .then(list => { console.log(list); }) 대략적인 사용법은 위와 같은 방법으로 사용된다. Promise기반으로 사용되기 때문에 then을 이용하여 Promise를 처리해준다. 그리고 fetch의 기본 응답 결과는 ..
✍ 3주간 회고록 작성 타임 ✏️내가 하고자 했던 것 강의를 밀리지 않고 학습하고 이해하기 CS 공부 VanillaJS 이해하기 TIL, Article 작성하기 뒤쳐지지 않고 잘 따라가기 과제 제때 잘 수행하기 체력관리를 위해 운동 다시 시작하기 ✏️보완해야 할 점 시간관리를 잘못하여 해야할 일을 미뤘다.( TIL, Article 작성, 강의듣기 등) 앞으로는 시간관리나 선택과 집중을 정확히 기준을 세워 미루지 않도록 해야겠다. 생각보다 알고리즘, CS에 대한 지식이 부족하여 많은 학습이 필요하다는 것을 느꼈다. CS 스터디를 활용하여 몰랐던 지식을 학습하고 팀원들에게 공유하도록 해야겠다. 과제 수행시, 변수명에 대한 지적을 많이 받았다. 평소 마음대로 짓는 습관이 있었는데 앞으로 주의해서 작성해야겠다...
❗❗ 데브코스 14일차 (08.19) 오늘 스크럼때 팀원분들과 돌아가면서 질의응답 시간을 가졌다. 한 명이 응답자가 나머지 팀원들이 질문을 하면 그에 대한 대답을 해주면 된다. 굉장히 재밌었고, 시간 또한 금방 지나갔다. 팀원들과 더 친해진 것 같아서 좋았다. 이어서 오늘은 비동기에 대해 다뤄보았다. 어제 작성한 TodoList를 비동기 통신으로 데이터를 받아와서 뿌려주는 형식으로 발전시키면서 실습을 통해 학습할 수 있었다. callback, promise, asyns, await에 대한 개념을 대충 알고 있었지만, 정확히 어떨때 사용하는지 잘 몰랐다. 하지만 직접 실습을 통해 설명하면서 비교를 해주시니깐 온전히 깨달을 수 있었다. 비동기에 대해서는 중요하다고 생각하여 따로 정리할 예정이다. 📖 학습한 ..
❗❗ 데브코스 12일차 (08.18) 나름 여유로웠던 하루였던 것 같다. VanillaJS를 활용하여 TodoList를 만들어보는 강의를 진행했다. 이전에 TodoList를 클론 코딩한적이 있었지만, 명령형 방식으로 작성했었다. 이번 강의를 통해 구현방법에는 다양한 방법이 존재한다는 것을 알았고, 컴포넌트 방식이 중요성을 다시한번 깨달았다. 리액트 학습당시에 컴포넌트 방식으로 작업을 했지만, VanillaJS로도 컴포넌트 방식으로 구조를 나누고 작업할 수 있다는 것은 지금에서야 알게 되었다. 컴포넌트 구성이란 기능을 한개의 독립적인 파일로 만들어서 필요한 데이터를 props로 전달하면서 사용하는 방식이다. 그렇게 만들어진 파일 하나하나가 컴포넌트가 되고 컴포넌트를 적절히 조합해서 사용하면 원하는 결과물을..
❗❗ 데브코스 12일차 (08.17) 오늘 하루는 개발자에 관한 특강과 상담의 하루였다. 교육매니저분 한분이 "나는 왜 안될까? 개발자가 맞는 길일까?" 에 대한 주제로 교육생들의 수 많은 고민과 학습방법에 대해서 말씀해주셨다. 좋은 동기부여가 되었고, 힘이 되는 말씀을 많이 해주셨다.! 두번째, 특강은 현업 멘토님이 개발 관련해서 Q&A를 진행해주셨다. 여기서 얻었던 좋은 정보를 공유하고자 한다. ✅ 특강 1. 신입 개발자 채용기준 프로젝트 뻥튀기x -> 어차피 다 들키니깐 필요한 부분만 프로젝트 정리하는 연습 필요 대화하는 과정에서 커뮤니케이션을 중요시함! 실제로 도움이 되는 프로젝트를 운영해본 경험 여부 2. VanillaJS를 채용 과제를 채택하는 이유 기초체력과 같다 -> 프레임워크가 JS기반이..