react 13

[트러블 슈팅] 푸드코트 키오스크 만들기 프로젝트 리뷰

푸드코트 키오스크 만들기 간단한 프로젝트 설명과 트러블 슈팅 과정 🧾 프로젝트 설명 식당 이름을 검색하거나, 음식 종류 카테고리를 골라 필터링이 가능한 키오스크를 구현했다. ✅ 메뉴 목록을 조회할 수 있고(GET), 주문을 생성하는(POST) API를 제공하는 express 서버를 구축했다. ✅ 메뉴를 선택하면 점심 바구니에 담긴다. ✅ 합계 금액이 적힌 주문 버튼을 누르면 영수증이 출력된다. 📌 express 서버 구축 애초에 서버를 전혀 모르기 때문에 나에겐 쉽지 않은 도전이었다. express 강의를 듣고 정리해둔 노트를 참고했다. post로 주문 생성하기 app.post('/orders', (req, res) => { const { menu, totalPrice } = req.body; cons..

개발/React 2023.04.04

[React] Context API 개념과 사용법, 학습하며 겪은 어려움

Context API 이번주에는 원티드 프리온보딩 강의에서 배운 context api를 학습했다. [원티드 프리온보딩 프론트엔드 인턴십] Week 3-1. React Hook의 심층 활용 - 강의 후기 [원티드 프리온보딩 프론트엔드 인턴십] Week 3-1. React Hook의 심층 활용 - 강의 후기 Week 3-1. React Hook의 심층 활용 의존성 배열 / useEffect / React.memo / useCallback / useMemo / Context API 2주차 강의는 원티드 커리어 챌린지 로 대체되었다. 커리어 챌린지는 2주 동안 진행된 전 직군 대상 강의 shinjungoh.tistory.com context api를 학습해야겠다고 생각한 이유는 첫째로, 프로젝트가 조금만 복잡해..

개발/React 2023.02.01

[원티드 프리온보딩 프론트엔드 인턴십] Week 3-1. React Hook의 심층 활용 - 강의 후기

Week 3-1. React Hook의 심층 활용 의존성 배열 / useEffect / React.memo / useCallback / useMemo / Context API 2주차 강의는 원티드 커리어 챌린지 로 대체되었다. 커리어 챌린지는 2주 동안 진행된 전 직군 대상 강의였는데, 프리온보딩 코스와 맞추어 개발(프론트엔드) 파트를 들을 수 있게 진행됐다. 커리어 챌린지 강의 후기는 추후 다른 카테고리에서 작성할 예정이다. 3-1 강의 시간에는 1주차 팀별 미션 리뷰 시간을 갖고, 리액트 훅에 대해 배웠다. 1. 과제 리뷰 총 12개의 조에서 제출한 과제를 보고 개선하면 좋을 점을 알려주셨다. 이렇게 작성하면 안 된다든지 하는 피드백도 있었다. 강의를 듣다가 깜짝 놀랐는데, 처음으로 등장한 코드가 바..