일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 머쓱이
- useRef 지역 변수
- TypeScript 문법 소개
- 프로그래머스 데브코스 프론트엔드
- 모던 자바스크립트 Deep Dive TIL
- 투포인터알고리즘 js
- 백준 node.js
- 프로그래머스 K_Digital Training 프론트엔드
- 프로그래머스 K_Digital Training
- K_Digital Training
- 백준 js
- 프로그래머스 데브코스 프론트엔드 TIL
- 모던 javascript Deep Dive
- Frontend Roadmap
- Vue3
- 개발자 특강
- 모던 자바스크립트 TIL
- KDT 프로그래머스 데브코스 프론트엔드
- 리팩토링 회고
- 모던 자바스크립트 딥다이브
- Vue3 Router
- 프로그래머스 데브코스
- react 프로젝트 리팩토링
- KDT 프로그래머스
- 우테캠 회고록
- 모던 자바스크립트 Deep Dive
- useEffect return
- frontend roadmap study
- 인프런 자바스크립트 알고리즘 문제풀이
- react customHook 예시
- Today
- Total
목록일기장 (20)
프론트엔드 개발자의 기록 공간

✅ API 폴더 구조 첫 번째로 계획한 API 모듈 분리화를 위해 실제 서비스에서는 어떤 식으로 코드를 작성하는지 멘토님께 여쭤보았다. apis폴더 > api폴더 (api를 요청하고 응답만 받는 용도) > user.js (user관련 api 요청 함수들) > services (응답결과를 데이터를 정제 해주는 함수들) > post.js (post응답 값을 정제해줌 ) > utils (공통적인 함수) > config or constants (baseurl과 같은 설정) > store (ducks를 사용한다면 api 보관 용도) 멘토님은 위와 같은 형식으로 사용한다고 알려주셨다. 위의 방법을 토대로 간략하게 프로젝트에 적용해 봤다. ✅ utils 폴더 - axios 인스턴스 생성 이후, 공통적으로 사용하는 b..

📆 프로젝트 기간 2021.10.15 ~ 2021.11.3 프로그래머스 프론트엔드 데브 코스에서 진행 한 2주간의 프로젝트가 끝이 났다. 약 2주간의 기간 동안 기획부터 개발까지 이루어졌다. (백엔드 API 기능은 제공) 우리 팀의 목표는 제공된 필수 기능을 모두 구현하는 것을 목표로 두었다. 기능 중심적 개발을 도입하기 위해 Top-Down 방식으로 개발을 진행하였다. 프로젝트 기간이 끝난 뒤, 다시 프로젝트를 들여다보니, 기능 구현에 급급하여, 컴포넌트 관리 및 최적화 작업이 하나도 이루어지지 않았다. 한 컴포넌트에서 api 요청과 개발 로직을 다 때려 박안 대참사 코드가 되어있었다. 지금까지 리액트를 사용하면서 어느 정도 기능 구현에는 자신이 있었지만, 컴포넌트 분리에 신경 쓰거나, 최적화를 생각해..

❓ K-Digital Training 이란 ? 4차 산업 인재를 육성하는 한국판 뉴딜 프로젝트. 디지털 리터러시를 갖춘 휴먼 엔지니어를 양성하는 국비 지원 교육 &훈련 프로그램입니다. - 국가에서 IT인재 양성을 위한 프로그램으로 멋쟁이 사자처럼, 프로그래머스 등등에서 교육을 진행합니다. 교육비는 국가에서 제공하여 무료로 수강할 수 있습니다. 하지만 내일배움카드 발급 조건이 되어야지만 이러한 교육과정을 신청할 수 있습니다. 👨💻 지원한 이유? 저의 목표는 우아한 형제들의 우테켐, 네이버의 부스트캠프와 같은 교육기관을 통해 지금까지 학습해왔던 기본기를 좀 더 다지고 자기주도적 학습을 통해 성장을 목표로 하고 있습니다. 그래서 이곳저곳 프로그램을 많이 지원했지만 최종적으로 패스트캠퍼스 과정만 합격하게 되었..

2차 코딩 테스트는 화면 공유 + 스마트폰으로 응시자 실시간 녹화로 감독하에 이루어졌습니다. 도중에 화장실도 불가능하고 투명컵 이외에는 개인컵 사용도 불가능한 만큼 철저하게 치뤄졌습니다. [2차 코딩 테스트 후기] 160분 동안 3문제가 나왔습니다. 3문제 전부 주어진 조건에 따라 구현만하면되는 구현에 해당하는 알고리즘 문제였습니다. 대신에 예외사항, 조건이 까다로워서 잘 읽으면서 놓치지않도록 구현해야했습니다. 일부 문제에서는 내장함수를 사용하지 않고 직접 구현해야했고, 또한 별도로 함수로 분리해서 작성해야하거나 주어진 조건이 많았습니다. 1번은 다소 까다롭지 않아서 시간이 걸렸지만 해결하고 2번으로 넘어갔습니다. 2번도 그렇게 어렵지 않았는데 내장함수 사용시 감점이 있어서 직접 구현할까 하다가 시간을 ..

저는 이번 네이버 부스트캠프 6기 웹 풀스택 과정에 지원했습니다. 6기 과정부터 Android파트가 생기면서 모집 인원이 많아져서 합격할 수 있겠다라는 설레발을 자소서 작성할때부터 치긴했습니다 ㅋㅋㅋ... [1차 코딩 테스트 후기] 2021년 6월 24일(목) 19시 ~ 20시 40분 (총 100분) 총 100분동안 코딩2 문제, 객관식 10문제를 풀어야했습니다.1차테스트에서는 감독없이 치루어져 비교적 편하게 풀었습니다. 5기 코딩테스트 후기를 보고 쉬울줄 알았는데 생각보다 까다로워서 당황했습니다. 코딩 2문제는 구현, 그리디? 유형이였습니다.그냥 주어진 조건에 따라 한줄한줄 예외사항을 읽어보면서 그거에 따라 코딩하면 됩니다. 긴장을 한탓에 1번 풀이를 어렵게 접근하여 시간이 다소 걸렸습니다. 그렇게 풀..

2차 테스트도 1차테스트와 마찬가지로 구글 폼으로 문제를 풀어 해당시간안에 제출하는 형식으로 진행됐다. 평일 2주간 23:00 ~ 23:30 매일 시험을 치뤄야한다. 합격메일에 패스트캠퍼스 수강링크와 매일마다 있는 시험범위를 알려준다. 다행히 누적 시험범위가 아닌 매일 각기 다른 시험범위였다. 근데.. 왜 파이썬이냐고..프론트 과정에다가 교육과정도 JS로 이루어지는데 왜 테스트는 파이썬인지 의문... 여튼 1차와 비슷한 수준으로 객관식, 단답식, 코드 채워넣기 이정도로 이루어진다. 문제 자체는 그렇게 어렵지 않았는데 파이썬만의 특징이 다른게 너무 많아서 조금 힘들었다. 전공자라면 기본지식 + 검색이면 충분히 풀 수 있는 정도이다. 마지막 10일차 시험은 모든 범위에 대한 문제와 코딩 문제가 쫌 있어서 한..