Homile

📗 오늘 한 일 이력서 수정 나만의 포트폴리오 사이트 프로젝트 추가 나만의 포트폴리오 사이트 반응형 디자인 수정 React-Query 복습 React-Query를 사용하는 이유 React-Query의 장점 React-Query 사용방법 원티드 프리온보딩 프론트엔드 과정 오리엔테이션 진행 과정이 어떻게 진행되는가? 화, 금 오후 2시~5시 세션진행 후 과제 개별진행 기업과제는 몇개인가? 주당 1개씩 나올 예정 (약 5개) 팀원은 어떻게 결정되는가? 원티드 멘토에 따라 랜덤으로 결정된다. 팀 선정 후 어떻게 진행되는가? 선정후 각자 과제를 진행하며 베스트 코드를 선정하는 방식 Next.js 팀 프로젝트 프로젝트 기획 검토 사용 스택 TypeScript, Next, React-Query, Redux-toolk..

✍ 회고 선별과제를 어떻게 진행하는지 설명해주셨는데 개인이 작업해서 Best Practice를 뽑아서 하나의 프로젝트로 제출을 하는 방식이라고 하셨다. 살짝 모호한 부분이 있는 것 같긴 했다. 개발자의 기본 덕목인 GIt & Github사용시 지켜야할 컨벤션 정하는 방법과 merge 방법에 대해 설명해주셨는데 오기전에 팀 프로젝트 기획을 진행하면서 많은 자료를 찾아봤었고, 부트캠프 내 프로젝트에서 정한 컨벤션과 알려주신 것이 다르지 않았다. ESLint와 Prettier, Git hookt, Husky에 대해서 강의를 해주셨는데 ESLint와 Prettier는 프로젝트에서 많이 사용했기 때문에 ESLint는 코드를 분석하여 일관적인 코드 규칙을 적용할 수 있고, Prettier는 코드의 포맷팅 스타일을 ..

오늘은 원티드 프리온보딩 프론트엔드 인턴십 8기 OT가 있는 날이었다. 설레는 마음으로 참석을 했다. 시간이 변동되어 12시에서는 커리어 챌린지 OT를 듣게 되었는데 많은 지원을 해주는 것 같다. (수료시) 끝나고 30분정도 쉬고 난뒤 오후 2시에 프론트엔드 과정 OT를 시작했다. OT에서는 과정이 어떻게 진행되는지 여부를 알려주는데 진행중인 프로젝트는 잠시 내려두고 과정에 힘을 쏟을 수 있도록 하자라고 말씀하셨지만, 이전기수와는 달리 1주일에 과제 1개가 진행되기 때문에 같이 진행해도 될 것 같다. 2주차에는 연말이기 때문에 커리어 챌린지 관련 이력서 특강을 들으면 된다고 한다. 이건 나름 잘 들어야겠다. 과제는 총 4~5개의 프로젝트를 진행할 예정이고 기업과제는 1개(?) 나머지는 멘토과제나 이전 기..

이번 TIL은 주간으로 작성하려 한다. 백업을 위해 노트에 적은 것을 노션으로 옮기고 마지막에 블로그에 작성하는 형식으로 진행하는데 한주간 바쁜 일이 있었기 때문에 이번에만 몰아서 작성하려 한다....! (반복적인 내용이 가끔 있기도 한다...) 다음부턴 다시 꾸준히 작성해야겠다. 목차 1. 22.12.14_TIL 2. 22.12.15_TIL 3. 22.12.16~17_TIL 4. 22.12.18_TIL 📗 오늘 한 일 (22.12.14) Next.js 학습 (Udemy section7~8) Next.js 최적화 api route 설정 원티드 이력서 제출(1개) 면접준비 ✍ Diary 이력서를 열람하고 면접을 제안해주었던 곳에서 연락이 오지않아서 마냥 기다릴 수 없기때문에 이력서를 다시 제출하기 시작했다..

📗 오늘 한 일 알고리즘 문제풀이 (프로그래머스 1문제) [level1]가장 가까운 같은 글자 문자열 s가 주어졌을 때, s의 각 위치마다 자신보다 앞에 나왔으면서 자신과 가장 가까운 곳에 있는 글자가 어디있는지 알아내는 문제이다. 이 문제를 보자마자 풀어봤는데 10분도채 걸리지 않았던 것 같다. 배열에 나왔던 문자들을 넣어주고 lastIndexOf로 문자들이 있는지 판별한 후 계산을 하는 문제였다. [level2][1차] 캐시 LRU(Least Recently Used) 캐시 교체 알고리즘을 알고 있다면 풀 수 있는 문제이다. 스택과 큐 자료구조를 사용하여 해결할 수 있었다. [level2] 행렬의 곱셈 행렬의 곱을 어떻게 하는지 알고 있다면 풀 수 있는 문제이다. 오랜만에 행렬의 곱을 하려니 난감했지..

📗 오늘 한 일 면접준비 원티드 면접 제안 수락에 따른 면접 대비 이력서 검토 및 수정 프로젝트 관련 면접 질문 왜 React를 사용했나요? 채팅은 어떤 것을 사용했나요?(Stomp사용) Redux를 어떤 방식에 사용했나요? TypeScript를 사용하지 않은 이유? 협업 하면서 힘들었던점? 필터와 페이지네이션을 어떻게 구성했는지? 최적화는 해봤는지? Javascript 알고리즘 스터디 (21:00 ~ 22:00) 문제 풀이 해설 [level1] 문자열 나누기 [level2] 멀리 뛰기 [level2] H-Index 이번주 문제 선정 (3문제) [level1] 가장 가까운 같은 글자 [level2] [1차] 캐시 [level2] 행렬의 곱셈 원티드 프리온보딩 프론트엔드 사전과제 제출 및 리팩토링 inpu..

📗 오늘 한 일 면접준비 면접 제안 수락에 따른 면접 대비 JavaScript React HTML/CSS CS 일반면접 프로젝트 관련 예상 질문 리스트 작성 Next.js 학습 (Udemy section5 완료) CSR 데이터 패칭하기 useSWR 사용하기 SSR 방식과 CSR 방식 결합하기 ✍ Diary 제안서를 조금 늦게봐서 면접 날짜를 잡아주실지 잘 모르겠지만 그래도 면접날에 당황하지 않기 위해 내가할 수 있는 최대한의 노력을 해야겠다. NextJS에 시간을 많이 쏟았을 수 있다는 생각이 들어서 프로젝트를 하는 섹션은 건너뛰고 학습할 수 있는 내용을 다 학습한뒤 프로젝트를 구현하는 시간을 가져야겠다. 과제, 코테등을 보느라 미뤄뒀던 포트폴리오 제작도 다시 시작해야겠다.

📗 오늘 한 일 면접준비 면접 제안 수락에 따른 면접 대비 JavaScript React HTML/CSS CS Project 일반면접 Next.js 학습 (Udemy section5) 대체 페이지 & Not Found 페이지 서버 사이드 렌더링(SSR)을 위한 getServerSideProps란? getServerSideProps 사용하기 getServerSideProps 동작과정 원티드 프리온보딩 프론트엔드 사전과제 버그 수정 이메일/비밀번호 유효성 검사 시 하나만 통과해도 전송 버튼이 활성화 되는 버그 확인 유효성 검사를 두개 다 통과가 될 경우로 바꾼다 ✍ Diary 9일에서 10일로 넘어오는 새벽에 구글 메일을 들어가보니 원티드에서 메일이 하나 와있었다….! 그것은 어느 회사에서 내가 공개해 둔 ..

📗 오늘 한 일 Next.js 학습 (Udemy section5) getStaticPaths? getStaticPaths 사용하기 getStaticPaths 동작 과정 대체 페이지 작업하기 동적 경로 로딩하기 원티드 프리온보딩 프론트엔드 사전과제 제출 및 리팩토링 Todo List api호출 함수 파일 분리 Todo List props.으로 받은 코드 구조분해할당 props로 변경 ✍ Diary 원티드 프리온보딩 프론트엔드 사전과제를 하면서 페이지별로 Branch를 나눠서 작업도 해보고 파일 분리도 생각하고 작업하다보니 재미있었다. 오류와 UX까지 생각하면서 리팩토링을 진행해봐야겠다.

숏에세이 주제 1. 최종합격까지 몇 개 이상의 이력서 작성이 필요할까요?(힌트! ‘참가비’ 항목에서 완주 조건 확인) 인턴십 종료 후 1개월 내 참가기업을 포함해 총 20개 이상의 기업에 지원을 해야한다고 적혀있기 때문에 최소 20개 이상의 이력서 작성이 필요합니다. 2. 프리온보딩 인턴십에서 숏에세이 작성제도를 시행하는 목적 프리온보딩 인턴십에 대해서 자세히 숙지하고 있는지와 참여하고 싶은 의지를 보려는 것 같습니다. 숏에세이를 작성하면서 나의 의지를 다시한번 확인할 수 있고, 정말로 나에게 필요한 과정인지를 생각해볼 수 있도록 숏에세이를 작성제도를 시행한다 생각합니다. 3. 지원하고 싶은 참가기업은 어디인지 아티슨앤오션에 지원하고 싶습니다. 아티슨앤오션은 스쿠버다이버들을 위한 안정장치를 개발하여 사람..