[회고] 부스트캠프 웹·모바일 멤버십 최종 회고

Prologue 더운 날씨와 함께 부스트캠프 웹·모바일 8기 멤버십을 시작하던 것이 엊그제 같은데, 벌써 영하 10도까지 떨어지는 추위를 맞이하며 멤버십을 수료하게 되었다. 멤버십 과정을 진행하면서 겪었던 경험, 배움들, 그리고 간단한 후기까지 정리해 보고자 이 글을 작성해 보았다. 내 멤버십 목표는 무엇이었으며, 얼마나 성장했을까? 그 전에, 부스트캠프란? 부스트캠프 멤버십은 약 14주 동안 학습 스프린트 및 그룹 프로젝트를 통해 분야별 지식 및 기술을 학습하고, 동료와 함께 개발 프로젝트를 수행하여 지속 가능한 개발자로 성장하는 것을 목표로 하는 학습 프로그램이다. 네이버 커넥트 제단에서 주관하며, 이번 8기 멤버십은 8월 28일부터 12월 15일 동안 진행되었다. 부스트캠프 멤버십에 참여하기 위해서..

Experience 2023.12.25

부스트캠프 8기 멤버십 6주차 후기

키워드 this, 파이프 함수, debugger & 개발자 도구, 함수형 프로그래밍, 애니메이션, Vite, Typescript, 타입 추론, 컴포넌트 분리, 이벤트 위임 새로 학습한 내용 함수형 프로그래밍과 상태 관리 함수형 프로그래밍의 목적을 바르게 이해하여 상태 관리 방법에 대한 계획을 세울 수 있었다. 함수형 프로그래밍에서 상태라는 개념은 없다. 함수형 프로그래밍에서 상황에 따라 값이 변경되는 상태라는 것은 없으며, 모든 값은 인자를 통해 함수에 전달되어 immutable 하게 사용되고, 새로운 값의 재료가 되며, 사라진다. 하지만 프론트엔드 컴포넌트를 구현하기 위해서는 반드시 상태가 필요한 순간이 온다. 유저가 현재 선택한 탭, 페이지 등 유저와의 상호작용을 통해 컴포넌트 랜더링을 변경하기 위해..

Experience 2023.10.14

부스트캠프 8기 멤버십 1주차 후기

멤버십 합격메일을 받고 기뻐서 방방 뛰었던게 엊그제 같은데, 벌써 1주차가 끝났다니... 믿기지가 않는다! 1주차는 다시 템포를 끌어올리는 시간이었다. 덧붙여 일주일동안 함께 이야기하고 고민을 나눌 수 있었던 팀원들도 있었다. 덕분에 평소보다 더더욱 시간이 빠르게 간다고 느끼지 않았나 싶다. 데일리 회고 매 일 하루 학습을 끝낼 때 마다 틈틈히 데일리 회고를 작성해 두었다. 작성했던 데일리 회고를 아래에 공유해 본다. 2023.08.28, DAY01 오늘은 대망의 첫날~ 오전에는 마스터님의 OT를 통해 앞으로 4달 간의 학습 마인드을 다잡을 수 있었다. 오후에는 웹 마스터를 통한 강의가 진행된 후, 자유롭게 학습 및 기능 구현이 진행됐다. 하나의 프로젝트에 대해 프론트, 백 각각에 대한 구현사항이 주어졌..

Experience 2023.09.03

[회고] 부스트캠프 웹·모바일 최종 회고 + 멤버십 합격

3줄 요약 1. 나에게 부스트캠프 챌린지는 낙법 훈련소였다. 2. 한 달 동안 구르고 부딪히고 공유하며 스스로 성장하는 방법을 배울 수 있었다. 3. 힘든 과정을 끝까지 해낼 수 있게 해준 동료들에게 감사하다. Prologue 부스트 캠프 소개 제한된 시간 내에 강도 높은 프로그래밍 미션을 완수하는 경험을 반복하며 스스로 문제를 해결하는 방법을 훈련합니다. 동료들과 서로의 미션 수행을 점검하고, 문제 해결과 성장을 위해 공유하고 피드백을 주고받는 방법을 연습합니다. 부스트캠프 홈페이지 : 챌린지 소개 부스트캠프 챌린지는 약 한 달 동안 반복된 일정을 통해 개발자로서 필요한 기본 CS 지식, 동료들과의 협업 능력, 그리고 스스로 문제를 해결하는 방법을 학습하는 프로그램이다. 네이버 커넥트제단에서 주관하며,..

Experience 2023.08.05

[회고] 부스트캠프 웹・모바일 8기 챌린지 2주차

서론 부스트캠프 웹모바일 8기 2주차가 마무리됐습니다. 2주차에는 새로운 동료들과 함께 새로운 미션들을 해결해나갈 수 있었습니다. 그 중에서도 특히 인상깊었던 것은 제 코드를 동료들에게 소개하는 경험, 여러 주요한 CS지식에 대해 학습할 수 있었던 것이었습니다. 이번 회고에서는 위의 경험들을 중점으로 KPT 방식의 회고를 진행할 계획입니다. cf. 회고 특성상 평소의 경어체가 아닌 평어체로 작성한 점 양해 부탁드립니다. KPT KEEP 현재 만족하고 있는 부분계속 이어갔으면 하는 부분 목적을 가지고 학습하기 이번 주는 저번 주 회고에서 목표했던 것처럼 목적을 가지고 학습하고자 노력하였다. 시도한 노력으로는 여러가지가 있었는데, 그 중 가장 대표적인 것은 학습 키워드를 정하고 이를 학습 일지에 기록한 것이..

Experience 2023.07.23

[회고] 부스트캠프 웹・모바일 8기 챌린지 1주차

서론 부스트캠프 웹모바일 8기 1주차가 벌써 마무리가 됐습니다. 1주차를 진행하면서 정말 많은 것을 배울 수 있었지만, 동시에 더 발전할 수 있었던 순간들도 있었던 것 같습니다. 이와 같은 경험들을 바탕으로 2주차에선 더 좋은 활동을 할 수 있도록 간단한 회고를 해보고자 합니다. 회고 방식으로는 KPT 방식을 선택하였습니다. KPT 회고 방식에 대해 잘 정리된 설명은 여기에서 확인 가능합니다. cf. 회고 특성상 평소의 경어체가 아닌 평어체로 작성한 점 양해 부탁드립니다. KPT KEEP 현재 만족하고 있는 부분 계속 이어갔으면 하는 부분 매일 작성한 팀원들 코드 리뷰 매일 팀원들의 코드를 리뷰하여 다양한 코드 작성 방식에 대해 학습할 수 있었다. 피어 피드백 시간에서만 할 수 있는 가장 소중한 경험이 ..

Experience 2023.07.16

TIL 잠정 중단 안내 (feat. 부스트캠프 웹모바일)

안녕하세요, 오월입니다. 한동안 TIL이 전혀 올라오지를 않았죠? 이와 관련하여 공지를 하고자 합니다. 당분한 TIL은 작성하지 않을 예정입니다. 기간은 아마도 부스트캠프가 끝날때까지....일 듯 합니다 🥲 부스트캠프 챌린지 과정에 참여하게 되면서 온전히 부스트캠프 과정에만 몰입하는 것만으로도 시간이 부족하네요. 덕분에(?) 매일 3-4시까지 학습하는 경험을 하고 있습니다. 다행히 동료들도 함께이기에 아직까진 정신적으로 크게 힘들진 않습니다. 덧붙여 부스트캠프 내부에서 배우는 내용들은 저작권으로 유출이 금지되어 있습니다. 따라서 학습한 내용을 공개적인 장소에서 낱낱이 적기에는 한계가 있더군요. 위와 같은 이유로 인해 부스트캠프가 끝날 때 까지는 당분간 TIL 작성을 보류하고자 합니다. 온전한 몰입을 위해..

TIL 2023.07.16

TIL #062

오늘 한 것 Next.kr 번역 pull request 생성 오늘 느낀 점 처음으로 해 보는 오픈 소스 기여라서 조금은 떨린다. 무사히 통과되었으면..!!

TIL 2023.07.02

TIL #061

오늘 한 것 Next.kr 공식 문서 번역 작업 오늘 느낀 점 감사하게도 기회를 얻을 수 있어서 Next.js 공식 문서 한글 번역 작업에 참여하고 있다. 소소하지만 오픈 소스 발전에 기여할 수 있다니....!! 너무 기쁘다.

TIL 2023.06.29

[경험] 네이버 부스트캠프 웹모바일 8기, 2차 코딩테스트 후기 (+ 최종합격)

1줄 후기 : 긴 지문과 상세한 요구사항의 환상적인(?) 조합 부스트캠프 웹모바일 8기, 2차 코딩테스트를 무사히 끝마쳤습니다. 거진 일주일동안 알고리즘만 공부했었는데, 이젠 더 이상 편식(?)하지 않아도 되서 기쁘네요. 오늘은 간단히 코딩테스트 후기와 느낀점에 대해 적어보도록 하겠습니다. 코딩테스트 준비 이번 웹모바일 2차 코딩테스트 일자는 6월 24일 토요일, 오후 2시였습니다. 시작은 2시였지만 사전에 준비하면 좋을 것들이 몇가지 있기에 30분 정도 일찍 접속했습니다. 참고로 부스트캠프 코딩테스트는 시작 시간보다 늦게 접속해도 시험을 치룰 수 있습니다. (다만 늦는 만큼 줄어드는 풀이 시간은 본인이 감당해야 할 책임이지만요) 2차 코딩테스트는 1차에 비해 더 철저하게 감독이 이루어졌습니다. 먼저 1..

Experience 2023.06.25

[Next.js] 왜 새로워진 next/Image는 더이상 objectFit을 필요로 하지 않게 됐을까?

목표 왜 `next/Image` v.13에서 위와 같은 태도를 취한 건지 생각해 보는 시간 가지기 예상 소요 시간 10분 Next.js는 최근 v.13 버전이 릴리즈 되면서 정말 많은 것이 바뀌었고, 그로 인해 next/Image 또한 props 관련하여 정말 많은 변경이 있었습니다. 오늘은 버전이 업데이트됨에 따라 더 이상 objectFit을 필요로 하지 않게 된 next/Image에 대해 살펴보면서 왜 이렇게 변한 건지에 대해 생각해 보는 시간을 가지도록 하겠습니다. 기존의 next/Image에서 이미지 비율을 맞추던 방법, layout과 objectFit v.13 이전, 우리는 크기를 알 수 없는 이미지를 next/Image로 구겨 넣기 위해서 next/Image의 props로 layout="fil..

FE 2022.12.17

[Next.js] 이미지 로딩 속도 개선하기

목표 Next/Image의 로딩 속도가 느린 이유를 알고 속도 개선 방법 학습하기 예상 소요시간 10분 Next.js의 이미지 로딩 속도는 꽤 늦은 것으로 악명 높습니다. 실제로 저 또한 Next.js를 사용해서 프로젝트를 진행하던 도중, img 태그에선 딜레이 없이 바로 로딩되던 이미지가 Image 컴포넌트로 로딩할 땐 2초 이상 걸리는 상황을 겪은 적 있습니다. 어떻게 하면 이미지 로딩 속도를 개선할 수 있을지 방법을 알아보기 전에, 왜 Next.js의 Image 컴포넌트는 로딩 속도가 느린지 알아볼까요? 🤔 Next/Image 로딩속도가 느린 이유 Next/Image의 로딩속도가 느린 이유는, Image 컴포넌트는 기본적으로 lazy loading 방식으로 이미지를 로드하기 때문입니다. Next/I..

FE 2022.12.07

[REACT] 함수형 컴포넌트와 클래스형 컴포넌트의 차이를 아시나요?

예상 소요시간 10분 이 글을 다 읽고 나서는... 🤔 React에서의 함수형 / 클래스형 컴포넌트의 차이의 대해 확실히 알고, 목적에 따라 알맞은 컴포넌트 형식을 사용할 수 있는 능력을 갖추게 돼요! 목차 들어가기 앞서 클래스형 컴포넌트와 함수형 컴포넌트 컴포넌트? 클래스형 컴포넌트 함수형 컴포넌트의 반격 : Hook 클래스형 컴포넌트와 함수형 컴포넌트 간의 비교 결론 들어가기 앞서 💡 왜 React에서 컴포넌트를 생성하는 방법은 두 가지 일까? 안타깝게도 저는 위의 질문에 답을 하지 못했었습니다. (여러분은 어떠셨나요? 👀) React를 알고 본격적으로 사용한지 5개월이 넘었는데도, 한 번도 깊게 해 본 적 없던 고민이었죠. 클래스형 컴포넌트가 있다는 것은 알고 있었지만, 주위 아무도 클래스형 컴포넌..

FE 2022.11.19

IP (Internet Protocol, 인터넷 프로토콜)

💡 데이터가 인터넷을 통해 전송될 때, 어떤 규칙을 통해 전송될까요? 데이터 전송 규칙인 IP와, IP의 주소 역할을 하는 IP 주소에 대해 알아봅시다. IP 주소 (Internet Protocol Adress, 인터넷규약주소) 정의 IP(Internet Protocol)는 컴퓨터 네트워크에서 장치들이 서로를 인식하고 통신하기 위해서 사용하는 특수한 번호입니다. 집들이 각자 하나씩 주소를 가지고 있듯이, 모든 네트워크 통신을 하는 기계들은 반드시 IP 주소를 하나씩 가지고 있어야 합니다. 종류 IPv4 (IP version 4) 오늘날 일반적으로 사용되는 IP 주소 입니디ㅏ. 32비트(10진수 4개)로 구성되어 있으, 이론적으로 42억9496만7296개의 IP 주소가 존재합니다. 다만 IP주소 중 일부 ..

CS 2023.05.11