티스토리

Foresitory 🌳

검색하기

블로그 홈

Foresitory 🌳

ttaerrim.tistory.com/m

means forest of repository 🌳

구독자: 16

방명록 방문하기

주요 글 목록

2023 회고 💫 올해 이룬 것사내 Frontend Renaissance이전 재직하던 직장에서 프론트엔드 개발자 경험을 개선하기 위한 프로젝트를 진행했다. 프론트엔드 르네상스라는 네이밍은 정말 멋지지 않은가? 하하. 가장 시급하다고 생각했던 모노레포 구축부터, Vite 마이그레이션, Storybook, 테스트 코드 도입, 자잘하게는 Google Spread를 활용한 기획자와의 협업 경험 개선까지 다양한 시도와 개선으로 개발자 경험을 개선할 수 있었다. 키워드로 하나하나 써 놓으니 간결한데, 모노레포 마이그레이션만 한두 달은 족히 썼던 것 같다. 다시 생각해도 베일리가 아니었더라면 끈질기게 이 프로젝트를 계속 가져갈 수 있었을까? 하는 생각이 든다. 처음에는 도입해야 할 것, 하고 싶은 것이 너무 많아 멘붕이 올 뻔했는.. 공감수 14 댓글수 6 2023. 12. 28.
부스트캠프 웹・모바일 8기 챌린지 후기 부스트캠프 챌린지 코스를 드디어 끝마쳤다. 사실 지금은 챌린지가 끝난 지 이 주 정도 된 시점이고, 멤버십 합격 발표가 나서 챌린지 후기를 드디어 업로드하게 되었다. 부스트캠프는 내 생각보다 훨씬 더 강도 높은 곳이었다. 미션은 저녁 7시 제출이었지만, 7시 이전에 미션을 끝마친 날은 첫 날 빼고는 없었다. 월요일부터 목요일까지 주어지는 과제를 해결하면서 느낀 점은 수많은 CS 지식을 제대로 알지도 못하고 일했던 게 부끄러울 만큼 정리되지 않거나 모르는 지식이 많았다는 것이다. 프론트엔드와는 조금 거리가 있는 지식부터 시작해서 현업에서 일하면서 자주 사용했던 키워드들도 내 머릿속에 제대로 정리가 되어 있지 않다는 것을 느꼈다. 이때다 싶어 자주 헷갈려했던 개념들을 정리할 수 있었고, 이전에는 대강 어림짐.. 공감수 5 댓글수 1 2023. 8. 19.
부스트캠프 웹・모바일 8기 합격 후기 늦었지만 부스트캠프 웹·모바일 8기 합격 후기를 작성해 본다. 지원 계기 재직 중이던 직장에서 일 년을 넘기고 이직을 하고 싶어 이력서를 작성하며 서류 지원을 막 하던 참에 부스트캠프 모집 공고를 발견하게 되었다. 실력이나 포트폴리오가 부족하다는 생각이 들어서 아예 퇴사를 하고 취업을 준비해 볼까 싶기도 했지만 백수로 산다면 흐지부지될 내 성향을 알아서 그건 꺼려졌다. 새로운 교육을 받는 방안도 있었겠지만 아무리 직장을 다녀서 돈이 생겼다 해도 큰 금액을 지불하면서까지 무언가를 하고 싶진 않았다. 익명으로 참여하고 있던 단체 오픈 채팅방에서 네이버 부스트캠프는 강추 한다는 소리를 많이 들었다. 처음 이직을 하려고 맘먹었을 땐 퇴사하고 무언가를 할 생각이 없어서 고민이 됐지만(계속 돈 벌고 싶었다), 나는.. 공감수 4 댓글수 2 2023. 7. 30.
원티드 프리온보딩 프론트엔드 코스 3주차 회고 (1) — Next.js 프리온보딩을 시작하고 나니 시간이 무지 빠르게 흐른다. 드디어 3주차! 이번에는 Next.js를 처음 써 보게 되었다. 이름만 들었을 때 어려울 것 같았던 Next.js는 막상 해 보니 생각보다 어렵지는 않았지만, 역시 처음이라 그런지 어렵긴 어려웠다. (모순덩어리) 사실 마감 기한까지도 완벽하게 이해하지 못했는데 프리온보딩 코스가 끝나고 복습하고 나서야 조금씩 이해하는 중이다.... 이번 과제에서 나는 상품 상세 페이지, 고객센터와 마이페이지, e2e 테스트를 맡았다. 아무튼 시작~ 1. 상품 상세 페이지 처음에는 리액트에서 components를 작성하는 것과 동일하게 components 폴더 내에 페이지마다 폴더를 나눠서 컴포넌트를 작성했다. 컴포넌트 분리 기준은 위 사진과 같이 분리했다. Optio.. 공감수 0 댓글수 0 2022. 3. 22.
원티드 프리온보딩 프론트엔드 코스 2주차 회고 (2) — Redux 채용 과제를 하거나, 취업해서 회사가 생기고 나면 전역 상태 관리 툴을 사용하는 경우가 많을 거다. (어마어마한 props drilling으로 모든 걸 해결하지 않을 거라고 생각....) 그래서 리액트를 하면서 redux, recoil 같은 전역 상태 툴을 알고 있는 게 필수라고 생각했는데, 나는 왜 그동안 사용하지 않았는지? 아무튼 이번에는 리덕스를 필수로 사용하는 과제였고, 이전에도 Context API나 리덕스 튜토리얼 (정도지만)을 통해 사용해 봤기 때문에 그닥 걱정은 되지 않았다! 우선 이번에는 과제 변경 사항이 많았기 때문에 족금 정신이 없었고... swit 과제는 프로토타입이 없었기 때문에 디자인은 어떻게 하지 생각하다가 swit은 이미 잘 사용되고 있는 메신저이기 때문에~ 웹 버전 디자인을.. 공감수 0 댓글수 0 2022. 3. 5.
원티드 프리온보딩 프론트엔드 코스 2주차 회고 (1) — TypeScript 설날 연휴에 푹~ 쉬는 척 이것저것 공부도 많이 하고 나서 다시 듣게 된 2주차 수업. TypeScript 수업이었는데 사실 바로 실전 프로젝트를 하게 될 줄은 몰랐다. 그나마 설 연휴에 React with TS로 TodoList 만드는 강의라도 보고 따라해서 망정이라고 생각했음. 그리고 직접 해 보니까 더 어려웠따...... TypeScript 사실 타입스크립트는 C언어, Java, Python 그리고 약간의 C++까지 배웠던 전공생으로써 익숙한 부분들이 많았다. 당연함. 그것이 OOP이니까. 어떻게 보면 자바스크립트가 되게 희한한 언어다. 변수의 타입도 지정해 주지 않아도 되고, 호이스팅으로 인해 변수 선언을 호출보다 밑에 해도 오류가 안 난다든지 그런 점을 보면 말이다. 그치만 React+TypeS.. 공감수 0 댓글수 0 2022. 3. 2.
원티드 프리온보딩 프론트엔드 코스 개인 과제 회고 내가 참여한 원티드 프리온보딩 프론트엔드 코스는 2022/01/24부터 시작해 중간에 설날 연휴가 껴 있다. 해서 1주차 배우고 한 주를 쉴 수 있었는데, 필수가 아닌 개인 과제도 하나 있었다. 연휴에 놀지 말고 공부나 하자 해서 시도하게 되었다. 사실 타입스크립트, 리덕스 등 엄청 배울 게 많았던 일주일이었음 기능은 이 링크에 있는 화면을 구현하는 거였고, 처음 봤을 땐 좀 어렵겠는데? 싶었으나 은근 빨리 끝난 과제였다. 1. API 연동 사실 API 연동하는 데 시간이 많이 걸렸다. 벨로퍼트 리액트로 리덕스를 조금 공부하고 나서 과제에 돌입했었는데, 거기서 배운 커스텀 훅을 쓰려다 뭐가 잘 안 되더라.... 아무튼 API 호출은 이런 식으로 진행했다. export async function getHo.. 공감수 0 댓글수 0 2022. 2. 24.
원티드 프리온보딩 프론트엔드 코스 1주차 회고 (3) 이따만큼 밀린 회고를 열심히 적어 보자! 라디오 버튼으로 기한 설정 활성화 카테고리 선택 필터 태그 이미지 첨부 옵션 세트 기능 상품 정보 고시 기능 딱 보기에도 구현해야 할 기능이 이~ 만큼 많이 있다. 여기서 내가 맡은 부분은 카테고리 선택, 필터 태그, 이미지 첨부 기능이다. 1. 카테고리 선택 카테고리 선택 부분은 블로그 포스팅으로도 올렸지만, 카테고리를 선택하고 버튼으로 카테고리를 해제하는 부분에서 어떻게 구현하면 좋을지 많이 고민했다. 지금 생각해 보니 관건은 체크 박스의 checked 속성이었는데, 이 과제에서는 체크 박스의 value와 checked 상태를 묶어 객체로 관리하는 방식을 선택했다. 이 과제에 앞서 팀원들끼리 Context API를 공부하고 과제에 돌입했는데, 상태 관리 툴을 .. 공감수 4 댓글수 1 2022. 2. 20.
원티드 프리온보딩 프론트엔드 코스 1주차 회고 (2) 첫 번째 과제는 간단한 환율 계산기를 구현하는 과제였다. 우리 팀은 네 명으로 구성되어 있고 이번 과제는 두 명씩 나뉘어 하나의 계산기를 구현하는 과제였다. 내가 맡은 부분은 수취 국가를 선택하고 송금액을 입력하면 버튼 하단에 수취금액이 수취국가에 맞는 환율로 변환되어 출력되는 계산기였다. 지금 코드를 보면 참 엉성하다. 같이 프리온보딩 코스를 참여하는 사람들을 보면 이런저런 라이브러리, 프레임워크를 다룰 줄 아는 분들이 많이 계신데 나는 어떻게 합격을 해서 배우고 있나 싶을 정도다. 내가 문 닫고 들어온 게 아닌가 싶다. 1. API 호출 환율 정보를 받아 오기 위해 API를 호출해야 한다. 구현해야 하는 계산기가 두 가지인데, 같은 환율 API 정보를 쓰기 때문에 redux toolkit을 사용해 환.. 공감수 0 댓글수 0 2022. 2. 19.
원티드 프리온보딩 프론트엔드 코스 1주차 회고 (1) Pre-Onboarding Front-end Course 1주차 ✨ 새로 배운 점 git README 관리의 중요성 나의 과제를 채점하는 사람에게 설명하는 것도 중요하지만, 나중에 내가 다시 봤을 때 이해할 수 있어야 함 (귀찮아서 안 적었었는데 생각해 보니 다시 봤을 때 이게 뭐지 했던 코드 수두룩함 이번에 실감하게 됨) 글로 정리하는 건 완전 젬병이라 안 한 것도 있는데 하다 보면 늘겠지 싶음 git commit message convention 나만 알아볼 수 있도록 적거나, 귀찮다고 대충 적는 것 금물 협업할 시에는 같은 사람이 작성한 것처럼 규칙을 지켜 적는 것이 좋음 참고: https://udacity.github.io/git-styleguide/ utils 함수 공통되는 로직 관리하기 컴포넌.. 공감수 0 댓글수 2 2022. 2. 6.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.