전체 글
-
요호~!! 벌써 레벨 2 수료~!! 한지 사실 2주가 되어간다.. 남은 휴가는 4일뿐,, ㅜㅜ휴가 더 줘. 한 주만 더 줘! 아무튼 방학도 지나가니 적어보는 레벨 2 생활기이다. 레벨 2 상반기 생활기는 여기에~! 우테코는 현재 가틱폰 중독..점점 모두들 데일리 미팅을 빙자한 게임판을 벌리고 있다. 한 팀은 테트리스, 어떤 팀은 그림 그리기.. 이게 맞나;; 모르겠다~ 이게 소확행이지 뭐 하하 그리고 진정한 소확행 맛있는 거 먹기아무래도 점심 먹으려고 출근하는게 분명함 먹었으니 열심히 공부해보자 이번 3번째 미션은 장바구니 미션이었는데 정말 재밌었다. 지금까지 한 미션들 중에 가장 재미있던 미션 이번 미션은 완전 TDD 적으로 해보려고 일부러 노력했다.초반엔 힘들지 않을까 했는데 이게 웬..
[우테코 6기] 우아한테크코스 프론트 레벨 2 수료 생활기 🚀요호~!! 벌써 레벨 2 수료~!! 한지 사실 2주가 되어간다.. 남은 휴가는 4일뿐,, ㅜㅜ휴가 더 줘. 한 주만 더 줘! 아무튼 방학도 지나가니 적어보는 레벨 2 생활기이다. 레벨 2 상반기 생활기는 여기에~! 우테코는 현재 가틱폰 중독..점점 모두들 데일리 미팅을 빙자한 게임판을 벌리고 있다. 한 팀은 테트리스, 어떤 팀은 그림 그리기.. 이게 맞나;; 모르겠다~ 이게 소확행이지 뭐 하하 그리고 진정한 소확행 맛있는 거 먹기아무래도 점심 먹으려고 출근하는게 분명함 먹었으니 열심히 공부해보자 이번 3번째 미션은 장바구니 미션이었는데 정말 재밌었다. 지금까지 한 미션들 중에 가장 재미있던 미션 이번 미션은 완전 TDD 적으로 해보려고 일부러 노력했다.초반엔 힘들지 않을까 했는데 이게 웬..
05:04:56 -
1. 문제 분석 문제 설명각 사진마다 포함된 인물의 그리움 점수를 합산하여 사진의 추억 점수를 계산합니다. 사진별로 포함된 인물과 각 인물의 그리움 점수가 주어지며, 각 사진의 추억 점수를 계산하여 배열에 담아 반환합니다.제약사항name의 길이와 yearning의 길이는 같고, 3 이상 100 이하photo의 길이는 3 이상 100 이하이며, photo[i]의 길이는 3 이상 100 이하 2. 해결 방법 1. 각 사진을 순회하며 사진의 추억 점수를 계산한다. (reduce 메서드 사용) 2. 하나의 사진에 포함된 인물들을 순회하며 추억 점수를 계산한다. (reduce 메서드 사용) 3. 사진에 있는 인물이 그리움 목록에 있는지 찾는다 (findIndex 사용)4. 그리움 목록에 있다면 3번에서 찾은 인..
[프로그래머스] 추억 점수 (JS)1. 문제 분석 문제 설명각 사진마다 포함된 인물의 그리움 점수를 합산하여 사진의 추억 점수를 계산합니다. 사진별로 포함된 인물과 각 인물의 그리움 점수가 주어지며, 각 사진의 추억 점수를 계산하여 배열에 담아 반환합니다.제약사항name의 길이와 yearning의 길이는 같고, 3 이상 100 이하photo의 길이는 3 이상 100 이하이며, photo[i]의 길이는 3 이상 100 이하 2. 해결 방법 1. 각 사진을 순회하며 사진의 추억 점수를 계산한다. (reduce 메서드 사용) 2. 하나의 사진에 포함된 인물들을 순회하며 추억 점수를 계산한다. (reduce 메서드 사용) 3. 사진에 있는 인물이 그리움 목록에 있는지 찾는다 (findIndex 사용)4. 그리움 목록에 있다면 3번에서 찾은 인..
2024.06.13 -
벌써 레벨 2 마지막 미션이다. 시간이 참 빨리 지나갔다. 이번 상품 목록의 📍 학습 목표는step1✔️ MSW를 사용하여 API 요청을 모킹 하고 개발한다.✔️ 비동기 작업(API 요청)의 상태를 관리하고, 비동기 요청 상태에 따라 적절한 UI를 보여줄 수 있다.✔️ RTL을 사용하여 비동기 작업에 대한 테스트를 작성할 수 있다.step2✔️ React Query를 사용하여 서버 상태를 관리할 수 있다.🛍️✔️ API 연동 과정에서 발생하는 다양한 에러 상황에 대응하고 사용자에게 피드백을 제공할 수 있다. 이번 미션에서 나는 무얼 배우고, 어떤 것에 집중해서 작업해 보았을까? 🔎 MSW 사용하여 테스트 코드 작성하기 이번 미션을 통해 MSW라는 걸 배우게 되었다. MSW란?MSW(Mock Se..
[우테코 FE 6기] 레벨2 미션4 상품 목록 미션 회고 🛍️벌써 레벨 2 마지막 미션이다. 시간이 참 빨리 지나갔다. 이번 상품 목록의 📍 학습 목표는step1✔️ MSW를 사용하여 API 요청을 모킹 하고 개발한다.✔️ 비동기 작업(API 요청)의 상태를 관리하고, 비동기 요청 상태에 따라 적절한 UI를 보여줄 수 있다.✔️ RTL을 사용하여 비동기 작업에 대한 테스트를 작성할 수 있다.step2✔️ React Query를 사용하여 서버 상태를 관리할 수 있다.🛍️✔️ API 연동 과정에서 발생하는 다양한 에러 상황에 대응하고 사용자에게 피드백을 제공할 수 있다. 이번 미션에서 나는 무얼 배우고, 어떤 것에 집중해서 작업해 보았을까? 🔎 MSW 사용하여 테스트 코드 작성하기 이번 미션을 통해 MSW라는 걸 배우게 되었다. MSW란?MSW(Mock Se..
2024.06.12 -
프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 1. 문제 분석 문제 설명 로봇 강아지가 주어진 명령에 따라 직사각형 공원에서 산책을 합니다. 공원은 'O' (이동 가능), 'X' (장애물), 'S' (시작 지점)으로 구성된 격자 형태입니다. 로봇 강아지는 주어진 명령을 순서대로 수행하며, 각 명령은 방향 ('N', 'S', 'E', 'W')과 거리로 구성됩니다. 명령을 수행하기 전에, 로봇 강아지는 다음을 확인합니다:이동하려는 방향이 공원을 벗어나는지.이동 경로에 장애물이 있는지.이 두 조건 중 하나라도 충족하면 해당 명령은 무시되고, 다음 명령으로 넘어갑니..
[프로그래머스] 공원 산책 (JS)프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 1. 문제 분석 문제 설명 로봇 강아지가 주어진 명령에 따라 직사각형 공원에서 산책을 합니다. 공원은 'O' (이동 가능), 'X' (장애물), 'S' (시작 지점)으로 구성된 격자 형태입니다. 로봇 강아지는 주어진 명령을 순서대로 수행하며, 각 명령은 방향 ('N', 'S', 'E', 'W')과 거리로 구성됩니다. 명령을 수행하기 전에, 로봇 강아지는 다음을 확인합니다:이동하려는 방향이 공원을 벗어나는지.이동 경로에 장애물이 있는지.이 두 조건 중 하나라도 충족하면 해당 명령은 무시되고, 다음 명령으로 넘어갑니..
2024.06.11 -
레벨 2 3번째 미션은 장바구니 미션이었고 정말 재밌던 미션이었다. 먼저 장바구니 미션의 📍 학습 목표는 ✔️ Recoil을 사용하여 클라이언트 상태를 관리할 수 있다.✔️ React Testing Library(RTL)를 활용하여 주요 기능에 대한 테스트를 작성할 수 있다. 리코일을 사용하여 상태 관리를 하고, RTL을 활용하여 테스트를 진행하는 미션이었다. 🍀 Recoil 잘 사용하기 recoil은 이전에도 전역 상태 관리를 위해 사용해 본 적이 있었다. 하지만 atomFamily 나 selector와 같은 기능에 대해서 처음 사용해 보게 되었다. atomFamily 란?atomFamily 를 사용하면 여러 개의 상태를 동적으로 생성할 수 있어, 같은 구조를 가지면서 서로 다른 인자를 가지는 ..
[우테코 FE 6기] 레벨2 미션3 장바구니 미션 회고 🛒레벨 2 3번째 미션은 장바구니 미션이었고 정말 재밌던 미션이었다. 먼저 장바구니 미션의 📍 학습 목표는 ✔️ Recoil을 사용하여 클라이언트 상태를 관리할 수 있다.✔️ React Testing Library(RTL)를 활용하여 주요 기능에 대한 테스트를 작성할 수 있다. 리코일을 사용하여 상태 관리를 하고, RTL을 활용하여 테스트를 진행하는 미션이었다. 🍀 Recoil 잘 사용하기 recoil은 이전에도 전역 상태 관리를 위해 사용해 본 적이 있었다. 하지만 atomFamily 나 selector와 같은 기능에 대해서 처음 사용해 보게 되었다. atomFamily 란?atomFamily 를 사용하면 여러 개의 상태를 동적으로 생성할 수 있어, 같은 구조를 가지면서 서로 다른 인자를 가지는 ..
2024.06.11 -
악 벌써 레벨 2 시작한 지 한 달이 넘었다니 시간이 점점 더 빨리 가는 거 같다.시간은 2차 함수인가봐.. 암튼 그래서 레벨 2가 되고 데일리 조도 바뀌었다.아니 바뀐 건가…? 바뀌든 말든 밥도 같이 먹고 같이 놀고, 심지어 같이 앉아있어서 크게 다른 점을 느끼지 못하는 거 같긴 하다.. 암튼 새로운 데일리 조도 매우 밝고 즐겁다.귀여운 사람들과 사진 한컷 조도 바뀌었으니 담당 코치님도 준으로 바뀌었고 함께 점심 식사도 했다. 하… 선릉 최고의 맛집, 참치 여행 🍣진짜 선릉캠 오시는 분들은 무조건 이거 드세요.. 이번 주는 결혼한 친구 집들이를 갔다.근데 간 곳이 집이 아니라 보드게임 카페였나 보다.. 아침 9시 30분에 출발해서 도착한 후 점심 먹자마자 시작된 보드게임은 장..
[우테코 6기] 우아한테크코스 레벨 2 한달 생활기 ✏️악 벌써 레벨 2 시작한 지 한 달이 넘었다니 시간이 점점 더 빨리 가는 거 같다.시간은 2차 함수인가봐.. 암튼 그래서 레벨 2가 되고 데일리 조도 바뀌었다.아니 바뀐 건가…? 바뀌든 말든 밥도 같이 먹고 같이 놀고, 심지어 같이 앉아있어서 크게 다른 점을 느끼지 못하는 거 같긴 하다.. 암튼 새로운 데일리 조도 매우 밝고 즐겁다.귀여운 사람들과 사진 한컷 조도 바뀌었으니 담당 코치님도 준으로 바뀌었고 함께 점심 식사도 했다. 하… 선릉 최고의 맛집, 참치 여행 🍣진짜 선릉캠 오시는 분들은 무조건 이거 드세요.. 이번 주는 결혼한 친구 집들이를 갔다.근데 간 곳이 집이 아니라 보드게임 카페였나 보다.. 아침 9시 30분에 출발해서 도착한 후 점심 먹자마자 시작된 보드게임은 장..
2024.06.03 -
매우 늦었지만 이제라도 작성해 보는 페이먼츠 미션 회고이다. 레벨 2부터는 하나하나의 미션이 이전 미션과 연결성이 적었던 레벨 1과 달리 미션들이 두 개씩 묶여 이전의 미션을 더 업그레이드하거나 이전 프로젝트에 추가될 수 있는 기능에 대해서 작업하게 되었다. 그래서 레벨 2의 첫번째 미션(1 ~ 2주 차) 은 카드 모듈로, 사용자가 입력한 카드 정보로 카드 모듈을 만드는 미션이었고두 번째 미션(3 ~4주 차)은 모달 라이브러리와 커스텀 훅 배포로 해당 모듈에서 사용했던 커스텀 훅들을 더 자잘하게 분리하고, 공용 모달 컴포넌트를 만들어서 라이브러리로 배포하는 미션이었다. 첫 번째 미션이었던 카드 모듈 미션에서의 학습 목표는 ✔️ 재사용 가능한 인풋 컴포넌트 개발✔️ 스토리북 사용✔️ 그리고 효과적으로 카..
[우테코 FE 6기] 레벨2 미션1, 2 페이먼츠 미션 회고 💳매우 늦었지만 이제라도 작성해 보는 페이먼츠 미션 회고이다. 레벨 2부터는 하나하나의 미션이 이전 미션과 연결성이 적었던 레벨 1과 달리 미션들이 두 개씩 묶여 이전의 미션을 더 업그레이드하거나 이전 프로젝트에 추가될 수 있는 기능에 대해서 작업하게 되었다. 그래서 레벨 2의 첫번째 미션(1 ~ 2주 차) 은 카드 모듈로, 사용자가 입력한 카드 정보로 카드 모듈을 만드는 미션이었고두 번째 미션(3 ~4주 차)은 모달 라이브러리와 커스텀 훅 배포로 해당 모듈에서 사용했던 커스텀 훅들을 더 자잘하게 분리하고, 공용 모달 컴포넌트를 만들어서 라이브러리로 배포하는 미션이었다. 첫 번째 미션이었던 카드 모듈 미션에서의 학습 목표는 ✔️ 재사용 가능한 인풋 컴포넌트 개발✔️ 스토리북 사용✔️ 그리고 효과적으로 카..
2024.06.02 -
TDD, 레벨 1부터 정말 많이 들었지만, 할 때마다 정말 마음에 다가오지 않았다. 이걸 왜 하는 걸까 라는 생각도 많이 하고 TDD 하려고 하다가 까먹고 로직을 모두 짠 후 급하게 테스트 코드를 짠 적도 있다. 그러던 나에게 이번 미션에서 진행해 본 TDD 적으로 사고하는 방법이 큰 울림을 주었다. 이를 적용하게 된 이유는 사실 TDD 가 유용하니 해보자 보다는 성격 급한 내가 미션을 차근차근히 하려면 어떤 방법이 좋을까를 생각하다가 적용하게 되었다. 가장 처음에는 기능 요구 사항을 상세히 적어보았다. 아래는 내가 이전에 주로 작성했던 기능 요구 사항 명세서이다. 대부분 컴포넌트 단위로 어떤 작업을 해야 하는지 명시하는 기능만 했다.그러다 보니 작업을 진행하다 보면 작성한 기능 요구사항 목록을 ..
🚀 TDD적으로 사고하는 법TDD, 레벨 1부터 정말 많이 들었지만, 할 때마다 정말 마음에 다가오지 않았다. 이걸 왜 하는 걸까 라는 생각도 많이 하고 TDD 하려고 하다가 까먹고 로직을 모두 짠 후 급하게 테스트 코드를 짠 적도 있다. 그러던 나에게 이번 미션에서 진행해 본 TDD 적으로 사고하는 방법이 큰 울림을 주었다. 이를 적용하게 된 이유는 사실 TDD 가 유용하니 해보자 보다는 성격 급한 내가 미션을 차근차근히 하려면 어떤 방법이 좋을까를 생각하다가 적용하게 되었다. 가장 처음에는 기능 요구 사항을 상세히 적어보았다. 아래는 내가 이전에 주로 작성했던 기능 요구 사항 명세서이다. 대부분 컴포넌트 단위로 어떤 작업을 해야 하는지 명시하는 기능만 했다.그러다 보니 작업을 진행하다 보면 작성한 기능 요구사항 목록을 ..
2024.05.27