😎 오늘의 잘한점 액션 실습할 내용을 미리 예습한 후, 수업에서 진행되는 코드와 어떤 차이점이 있는지 파악하였다. 칭찬 코드에는 정답이 없지만 더 나은 코드를 작성하기 위해 노력하는 거 최고야!! 👍 여러가지 방법을 알아두고, 그 방법 중에 나한테 맞는 코드, 웹 접근성을 고려한 것, 가독성이 좋은 코드를 찾아가자 ✔️ 오늘의 개선점 문제 layout을 flex로 구현하는 과제를 잘 수행은 했지만, 불필요한 CSS 처리가 있었다. 원인 간단하게 처리할 수도 있었지만 큰 단위의 레이아웃과 단순한 방법들이 먼저 생각이 났었다. 물론 특정 코드만이 정답은 아니기 때문에 틀린건 아니지만 아쉬움이 느껴졌다. 액션 플랜 flex를 사용할 때는 flex-basis, flex-grow 속성들을 사용하여 유연한 flex..

😎 오늘의 잘한점 액션 오늘은 질문 요정! 🧚 모르는 내용은 주저하지 말고 여쭤보자! 어제의 개선점 액션 플랜을 실천해봤다. 수업이 끝난 후 전체적인 내용을 다시 보면서 손으로 직접 정리해나갔다. 모르는 부분은 찾아보면서 실습한 코드에 적용해보는 과정을 통해 알아갔다. 칭찬 전체적으로 한번 정리를 하면서 궁금한 점이 새로 생기기도 하고 내가 이해할 수 있는한 최대로 이해해보려고 했다. MDN을 참고하면서 직접 코드를 수정하며 이해하니까 이해도 잘 되고, 복습 시간을 알차게 사용할 수 있었다. 어제의 나보다 성장한 내가 되었다는 점이 앞으로 나아갈 수 있는 원동력을 제공해준 것 같다🏃 ✔️ 오늘의 개선점 문제 - 원인 - 액션 플랜 오늘은 스스로 만족했던 하루였다! 앞으로도 이렇게 불이 꺼지지 않고 활활 ..

😎 오늘의 잘한점 상황 기존에 공부 방식이 수업과 필기 두 가지 모두를 잡지 못해서 새로운 공부 방식을 생각해봤다. 액션 모든 내용을 수업 시간 내에 정리하려고 하지 않고 새로 알게된 내용만 따로 작성한다. 모르는 내용은 키워드만 작성한 후 수업 외 시간에 추가적으로 알아본다. 칭찬 수업과 기록 모두 놓치지 않으려고 새로운 방식을 적용해본 것은 정말 좋은 선택이었다👍 새로운 도전이란 항상 어려운 거지만, 막상 도전해보면 '별 거 아니였네?' 싶은 상황들이 있다. 내일의 나, 미래의 나도 오늘의 경험을 토대로 도전을 두려워하지 않길! ✨ ✔️ 오늘의 개선점 문제 수업 시간에 들었던 내용이 머리에 많이 들어오지 않는 것 원인 아무래도 수업 시간에 실습만 하는 것이 아니라 조금의 메모도 추가하기 때문에 100..

😎 오늘의 잘한점 상황 첫 회고조가 편성된 날🙋‍♀️ 액션 앞으로 4개월 동안 지낼 회고조 분들과 함께 아이스 브레이킹🧊을 위해 최대한 많이 이야기 주제를 던지려고 했다! 칭찬 처음의 만남과 인상이 어떻게 보였을지 걱정되었지만, 그래도 용기냈다! 처음이 어렵지 나중에는 시시콜콜한 얘기부터 공부에 대한 고민등을 나눌 수 있는 회고조를 함께 만들어 나가자🚶‍♀️ ✔️ 오늘의 개선점 문제 1, 2시간도 더 공부할 수 있었는데 집중하지 못했다. 원인 금요일이라 너무 신났던 것 같다....😢 액션 플랜 아직은 초반이라 시간적으로 여유가 많이 느껴질 수 있다. 이전 기수 분들의 후기글, 회고글에서 봤듯이 지금의 남는 시간을 허투루 쓰지 말고, 소중하게 생각하자 앞으로의 계획과 위클리 계획을 상세하게 다듬을 필요가 ..

😎 오늘의 잘한점 상황 쉬는 시간 등 틈나는 시간에 유튜브가 보고 싶었지만 참았다.😿 액션 쉬는 시간에는 모르는 내용 찾아보기, 수업이 끝난 후에는 모르는 내용 정리 및 TIL 작성을 하면서 해야할 공부를 단계별로 해나갔다. 칭찬 유튜브보다 호기심이 더 컸나봐! 그저 열심히 해야지가 아니라 모르는 것을 알고자 하는 욕심을 가진 거, 실천해낸 것 너무 잘했어 앞으로도 힘내자🎉 ✔️ 오늘의 개선점 문제 배운 것을 나의 것으로 만드는 것이 부족하다. 강의에 온전히 집중하지 못했다. 원인 배운 내용에 대해 스스로 고민하고 생각하는 시간을 가져야 하는데, 자료만 찾아서 정리하여 내 것이 없다는 느낌을 받는다. 강의 속도가 생각보다 빨라서 듣는 내용을 모두 노션에 정리하려니 진행이 어려웠다. 액션 플랜 이전 시간에..

오늘은 많은 후기글에서 빛과 같다고 했던 제주코딩베이스캠프의 대표이신 호준님과의 첫 수업! 어제 진행했던 OT는 노션에 정리했어서 이 글에 같이 정리해보려 한다. 😎 오늘의 잘한점 상황 아무래도 기존에 개발을 조금이나마 경험해봤기 때문에 기초 수업시에 지루함을 느낄 수 있었다. 호준님께서 자신있는 부분은 다른 학습을 하는 시간으로 대체하고, 애매한 부분은 수업을 들으면서 시간을 낭비하지 말 것을 강조해주셨다. 액션 알고 있었던 VSC 세팅, Git / GitHub 기초 부분은 과감히 넘기고, 만들고 싶은 토이 프로젝트를 디자인 해봤다😀 새롭게 들어본 부분은 집중해서 들으면서 질문도 하고, 멋사 교육생분들과 문제 해결 방법도 공유했다. 칭찬 알고 있는 부분과 그렇지 않은 부분을 정확히 판단해서 시간을 효율..

멋쟁이사자처럼 프론트엔드 스쿨 5기가 시작되었다🎉 내가 했던 것처럼 많은 글을 찾아볼 분들을 위해 조금이나마 도움이 되고자 합격하기까지의 과정을 이야기해보려 한다. 프론트엔드 스쿨 지원 과정 지원과정은 자기소개서 (1차) → 지원 영상 및 과제 (2차) → 최종 합격으로 이루어져 있다. 1차 서류 전형 1차 과제인 자기소개서의 경우 3개의 문항을 각 500자 이내로 작성해야 했는데 생각보다 글자수가 금방 넘어버려서 요약하려고 고민을 많이 했다. 평상시에 글을 잘 쓰는 편도 아니라서 요약이 정말 정말 어려웠기 때문에 세 가지의 전략을 세웠다. 1) 문항에서 요구하는 것 캐치하여 불필요한 내용은 삭제하기 2) 사전 설명회에서 중요하게 생각했던 포인트 3) 멋쟁이사자처럼 브런치 500자가 생각보다 짧기 때문에..

너무 늦어버린 3회차 회고,,ㅎㅎㅎ 깃헙 참고하면서 기억 더듬기! ✍️ 3주차 과제 내용 3주차에는 꽤 많은 내용의 과제를 진행했다. 2주차 과제 리팩토링 Home 페이지 기능 구현하기 ProductDetail 페이지 기능 구현하기 ♻️2주차 리팩토링 내용 ⚠️ 수정할 내용 🪄 해결 방법 'DetailMenuButton' 컴포넌트명은 버튼 하나로 착각 할 수 있다. DetailMenuButton => DetailMenuTabs로 컴포넌트명 변경 버튼 text 등의 요소는 pages 단위까지 끌어 올려주는 것이 좋다. 버튼의 text를 props로 받아 사용 styled-components를 사용한 컴포넌트를 만들 때 네이밍이 어렵다. styled-components의 중첩 기능 활용 ✅해결 1. Deta..

2주 차에는 라우팅, 스타일을 적용하는 과제가 주어졌다. 과제를 수행하면서 알아갔던 개념들을 정리해보려 한다. ✍️ 2주차 과제 내용 라우팅 적용하기 styled-components 라이브러리를 활용하여 디자인 적용하기 라우팅이란? 라우팅이란 사용자가 요청한 URL에 따라 해당 URL에 맞는 페이지를 보여주는 것이다. 예를 들어, 쇼핑몰 애플리케이션은 장바구니, 마이페이지, 상품 상세 등 여러 페이지들이 존재한다. 페이지별로 컴포넌트들을 분리해 가면서 프로젝트를 관리하기 위해 필요한 것이 라우팅 시스템이다. 리액트에서는 주로 리액트 라우터(React Router)를 사용하여 라우팅을 구현한다. 📃 React Router 설명 리액트 라우터를 사용하면 *싱글 페이지 애플리케이션(SPA, Single Pag..

우연히 학교에서 코멘토와 제휴를 맺어서 참여비를 지원해준다는 공지를 보고 냉큼 신청해서 직무부트캠프에 참여하게 되었다. 이번에는 1회차 때 실습한 내용에 대해 회고를 진행해보려한다. 직무 부트캠프? 그게 뭐야? 현직자가 멘토가 되어 직무를 소개하고, 실제 현업과 유사한 실무 과제를 수행하는 것이다. 캠프마다 상세 일정이 다른데 내가 신청한 캠프는 총 5주동안 진행되고, 4차례에 걸쳐 과제를 수행한다. 매 과제 수행마다 멘토에게 피드백을 받을 수 있고, 별도로 과제를 수행할 때 1:1 피드백이 가능했다. 1회차 강의 진행 내용 1회차 강의는 두시간 정도 줌으로 진행되었다. 프론트엔드 개발자 직무에 대한 설명과 필요한 기술 스택, 실무에서 하게 되는 업무 등에 대해서 설명해주셨다. 프론트엔드 개발자가 화면에..