목록전체 글 (28)

깊고 넓은 삽질

프리온보딩 코스 회고록 마지막 | 디바운스바운스 두근대 들킬까바겁나

09.27~ 09.28 검색창 구현 + 검색어 추천 기능 구현 (github repo https://github.com/wanted-team-11/pre-onboarding-assignment-week-5-1-team-11) 이번 과제 난이도는 바로 이전 과제에 비해 평이했다. 그래서 팀원들 각자 개인적으로 구현하고 취합하는 방식으로 진행했다. 검색어 추천 기능 구현 기업 과제 중 api 통신을 이용해 검색어 추천 기능을 구현할 때 겪은 일이다. 검색창에서 사용자가 검색어를 입력하면 실시간으로 입력한 값을 미리 api 쿼리로 날려 검색결과가 있는 검색어를 추천해주는 기능을 구현해야했다. 여기서 중요한 점은 api 호출을 최소화였다. 이를 위한 두 가지 전략이 있는데 api 캐싱과 디바운싱이다. api 캐..
Programming 2022. 9. 28. 22:39
프리온보딩 코스 회고록 3 | 섭섭한 서버 데이터

기간 목표 github repository 09.13 ~ 09.15 (약 2일) 특정 깃헙 레파지토리(angular-cli)의 이슈 목록과 상세 내용을 확인하는 웹 사이트 구축 https://github.com/wanted-team-11/assignment4 09.16 ~ 09.18 (약 2일) API 서버와 통신해서 작동하는 댓글 프로젝트를 Redux를 통해 구현 https://github.com/wanted-team-11/pre-onboarding-assignment-week-3-2-team-11 09.20 ~ 09.25 (약 5일) 투자 관리 서비스의 관리자 기능 구현 https://github.com/wanted-team-11/pre-onboarding-assignment-week-4-1-team..
Programming/개발 회고록 2022. 9. 26. 19:28
프리온보딩 코스 회고록 2 | 기간 내 결과물 내기

09.02 ~ 09.04 이커머스 사이트 리뉴얼 (github repo https://github.com/wanted-team-11/assignment2) 09.06 ~ 09.08 영화 트레일러 사이트 개발 (github repo https://github.com/wanted-team-11/assignment3) 두번째, 세번째 과제 | 이커머스 사이트 리뉴얼 두번째 과제 :: 과일을 판매하는 이커머스 사이트의 판매 페이지를 리뉴얼하고 판매자 관리 페이지를 개발하는 과제였다. 판매 페이지 리뉴얼은 페이지네이션으로 상품을 보여줘야한다. 판매자 관리 페이지는 제품을 판매하는 판매자가 상품의 정보를 입력, 수정하는 페이지를 구현한다. 세번째 과제 :: 제공받은 API를 이용해 영화 목록들을 보여주고, 영화 선..
Programming/개발 회고록 2022. 9. 12. 14:22
AWS S3로 실습해보는 CI/CD (사실 CD만 함)

풀스택과 풀사이클의 차이점을 알게 되었다. 약간의 뉘앙스 차이라는데, 전자는 모든 과정을 할 줄 아는 것이고 후자는 모든 과정을 경험해 봤다는 의미라고 한다. 풀스택까진 아니더라도 풀사이클 개발자가 되면 개발의 이해도가 높아지지 않을까. 배포에 대해 공부하는 것도 그 일환이라고 생각한다. 본 포스팅은 CI/CD 실습을 위해 간단한 배포 서버인 AWS S3를 이용해 정적 페이지를 배포하고 CI/CD 툴인 Github Action으로 배포 자동화를 하는 과정을 담고있다. CI/CD CI/CD의 목적은 빌드, 테스트, 배포 과정을 자동화하는 것이다. CI (Continuous Integration) : Continuous Integration를 직역해보자면 지속적 통합이다. 여기서 통합은 코드의 변경을 mer..
Programming 2022. 9. 2. 21:05
프리온보딩 코스 회고록 1 | 협업이란 몰까,,?

원티드 프리온보딩 프론트엔드 코스를 참가하면서 배운 점들을 정리하고자 글을 쓴다. 이 코스는 매주마다 주어지는 기업과제를 팀과 함께 해결해나가는 과정이다. 과제와 별개로 매주 프론트엔드와 관련된 강의가 열린다. 참가자 모두 사전 과제로 todo app을 각자 만들었고 임의로 배정된 7~8명이 한 달동안 한 팀이되어 진행한다. 08.30 ~ 09.01 todo app (github repo https://github.com/wanted-team-11/assignment1) 첫 과제 | 협업의 방법 배우기 첫 과제는 팀에서 하나의 todo app을 만드는 것이었다. 과제의 목적은 최선의 결과물이 아닌 협업하는 방법을 공부함에 있었다. 강의 시간 때 배운 협업은 깃 버전관리나 코드포메팅 등 기술적인 부분이었다..
Programming/개발 회고록 2022. 9. 1. 17:49
[주간 작업 회고록] 2022.08.22 ~ 2022.08.28

🏁 지난 주 목표 | 리액트쿼리 활용, 본투비루트 시작 Teave :: 리액트쿼리로 전환 대수술 ◼ 최근에 원티드 프리온보딩 코스에서 배운 리액트 쿼리를 우리 프로젝트에도 적용해보기로 했다. 리액트 쿼리를 사용한 커스텀 훅으로 서버 데이터를 사용하는 로직을 모두 분리하고, 서버 데이터의 스키마를 model폴더에 넣어서 관리했다. ◼ 지난주에 완성된 페이지 도안들을 마크업 했다. 검색 결과 페이지를 마크업 할 때 처음에는 검색 페이지와 결과 페이지를 나눠서 구현했었다. 그런데 검색페이지에 딱히 들어갈 컴포넌트가 없는데 불필요하게 페이지가 나뉘는 것 같았다. 그래서 검색시 하나의 페이지에서 useRouter의 쿼리 유무로 결과 페이지 분기를 나눴다. 이 때 쿼리는 배열이 올 수도 있어서 타입가드를 따로 해줘..
Programming/개발 회고록 2022. 8. 29. 15:25
Prev 1 2 3 4 5 Next