프론트엔드
-
요호~!! 벌써 레벨 2 수료~!! 한지 사실 2주가 되어간다.. 남은 휴가는 4일뿐,, ㅜㅜ 휴가 더 줘. 한 주만 더 줘! 아무튼 방학도 지나가니 적어보는 레벨 2 생활기이다. 레벨 2 상반기 생활기는 여기에~! 우테코는 현재 가틱폰 중독.. 점점 모두들 데일리 미팅을 빙자한 게임판을 벌리고 있다. 한 팀은 테트리스, 어떤 팀은 그림 그리기.. 이게 맞나;; 모르겠다~ 이게 소확행이지 뭐 하하 그리고 진정한 소확행 맛있는 거 먹기 아무래도 점심 먹으려고 출근하는게 분명함 먹었으니 열심히 공부해보자 이번 3번째 미션은 장바구니 미션이었는데 정말 재밌었다. 지금까지 한 미션들 중에 가장 재미있던 미션 이번 미션은 완전 TDD 적으로 해보려고 일부러 노력했다. 초반엔 힘들지 않을까 했는데 이게 웬걸,, 너..
[우테코 6기] 우아한테크코스 프론트 레벨 2 수료 생활기 🚀요호~!! 벌써 레벨 2 수료~!! 한지 사실 2주가 되어간다.. 남은 휴가는 4일뿐,, ㅜㅜ 휴가 더 줘. 한 주만 더 줘! 아무튼 방학도 지나가니 적어보는 레벨 2 생활기이다. 레벨 2 상반기 생활기는 여기에~! 우테코는 현재 가틱폰 중독.. 점점 모두들 데일리 미팅을 빙자한 게임판을 벌리고 있다. 한 팀은 테트리스, 어떤 팀은 그림 그리기.. 이게 맞나;; 모르겠다~ 이게 소확행이지 뭐 하하 그리고 진정한 소확행 맛있는 거 먹기 아무래도 점심 먹으려고 출근하는게 분명함 먹었으니 열심히 공부해보자 이번 3번째 미션은 장바구니 미션이었는데 정말 재밌었다. 지금까지 한 미션들 중에 가장 재미있던 미션 이번 미션은 완전 TDD 적으로 해보려고 일부러 노력했다. 초반엔 힘들지 않을까 했는데 이게 웬걸,, 너..
2024.06.28 -
매우 늦었지만 이제라도 작성해 보는 페이먼츠 미션 회고이다. 레벨 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 -
내가 헷갈려서 정리하는 자바스크립트 네이밍 규칙들...~! PascalCase (파스칼 케이스)각 단어의 모든 첫 글자는 대문자로 작성하는 표기법e.g. ) CardType, UserService, PaymentInterface사용 케이스생성자 함수, 클래스, 인터페이스 등의 이름을 작성할 때 사용한다.camelCase (카멜 케이스)첫 단어는 소문자로 시작하고, 이후의 각 단어는 대문자로 작성하는 표기법e.g. ) myVariable, calculateInterestRate(), getUserDetails()사용 케이스 변수나 함수, 메서드 등의 이름을 작성할 때 사용한다.kebab-case (케밥 케이스)모든 단어를 소문자로 작성하고, 단어 사이를 하이픈(-)으로 구분하여 작성하는 표기법예) us..
리액트 코드 네이밍 규칙 (Coding Conventions) (+ 초보도 쉽게하는 단축키 설정하기!!)내가 헷갈려서 정리하는 자바스크립트 네이밍 규칙들...~! PascalCase (파스칼 케이스)각 단어의 모든 첫 글자는 대문자로 작성하는 표기법e.g. ) CardType, UserService, PaymentInterface사용 케이스생성자 함수, 클래스, 인터페이스 등의 이름을 작성할 때 사용한다.camelCase (카멜 케이스)첫 단어는 소문자로 시작하고, 이후의 각 단어는 대문자로 작성하는 표기법e.g. ) myVariable, calculateInterestRate(), getUserDetails()사용 케이스 변수나 함수, 메서드 등의 이름을 작성할 때 사용한다.kebab-case (케밥 케이스)모든 단어를 소문자로 작성하고, 단어 사이를 하이픈(-)으로 구분하여 작성하는 표기법예) us..
2024.05.13 -
이렇게 우테코 레벨 1이 마무리되었다. 시간이 정말 빨리 지나간 거 같다. 마지막 주에서는 미션을 마치고 레벨 1을 돌아보기를 했는데 그때 적어놓은 것들을 기억이 사라지기 전에 정리해보려고 한다. 8주간의 이야기를 정리하니 매우 길 예정이다. 연극으로 시작한 우테코 🪐 이제와 돌아보니 연극은 정말 별개 아니였다. 기억도 가물가물할 정도인데 그땐 인생의 흑역사가 될까 봐 그렇게 걱정했는지 모르겠다. 우리 조도 요즘 하는 말이 그 연극 덕분에 조끼리 더 친해졌던 거 같다고 한다. 나도 동의한다. 수치스러운 경험을 공유하니 왠지 모를 동료애가 더 생겼달까.. 🚗 자동차 경주로 미션 시작 자동차 경주 미션 자체는 프리코스 내용과 크게 다른게 없었던 거 같다. 하지만 페어와 함께 해야 하다 보니 초반에 세팅하는 ..
[우테코 6기] 레벨 1 돌아보기 회고 📌이렇게 우테코 레벨 1이 마무리되었다. 시간이 정말 빨리 지나간 거 같다. 마지막 주에서는 미션을 마치고 레벨 1을 돌아보기를 했는데 그때 적어놓은 것들을 기억이 사라지기 전에 정리해보려고 한다. 8주간의 이야기를 정리하니 매우 길 예정이다. 연극으로 시작한 우테코 🪐 이제와 돌아보니 연극은 정말 별개 아니였다. 기억도 가물가물할 정도인데 그땐 인생의 흑역사가 될까 봐 그렇게 걱정했는지 모르겠다. 우리 조도 요즘 하는 말이 그 연극 덕분에 조끼리 더 친해졌던 거 같다고 한다. 나도 동의한다. 수치스러운 경험을 공유하니 왠지 모를 동료애가 더 생겼달까.. 🚗 자동차 경주로 미션 시작 자동차 경주 미션 자체는 프리코스 내용과 크게 다른게 없었던 거 같다. 하지만 페어와 함께 해야 하다 보니 초반에 세팅하는 ..
2024.04.12 -
벌써 레벨 1의 마지막 미션이 끝났다. 우테코 첫 등교가 엊그제 같은데 벌써 마지막이라니 믿기지가 않는다. 이번 영화 리뷰 미션은 비동기 통신이 핵심인 미션이었다. 학습 목표를 따라서 이번 미션에서는 API 통신을 처리할 때 고려해야 하는 다양한 문제를 직접 경험해 보면서 해결 방법을 고민해 보는 시간을 가졌다. ✅ 베포 사이트 영화 리뷰 웹앱 📍 학습 목표 step 1 API 연동을 위한 테스트 환경 경험 실제 동작하는 API를 통한 비동기 통신 UX 경험 개선을 위한 더 보기(페이징) 구현 step 2 상세 정보 조회, 별점 매기기 UI/UX 개선 하기 step 1 step1에서는 메인 페이지에서는 인기순으로 정렬된 페이지를 그리고 검색을 했을 때는 검색된 결과물을 보여주는 결과 페이지가 있었고 모든..
[우테코 6기] 레벨 1 마지막 - 영화 리뷰 웹앱 미션 회고 ❗️벌써 레벨 1의 마지막 미션이 끝났다. 우테코 첫 등교가 엊그제 같은데 벌써 마지막이라니 믿기지가 않는다. 이번 영화 리뷰 미션은 비동기 통신이 핵심인 미션이었다. 학습 목표를 따라서 이번 미션에서는 API 통신을 처리할 때 고려해야 하는 다양한 문제를 직접 경험해 보면서 해결 방법을 고민해 보는 시간을 가졌다. ✅ 베포 사이트 영화 리뷰 웹앱 📍 학습 목표 step 1 API 연동을 위한 테스트 환경 경험 실제 동작하는 API를 통한 비동기 통신 UX 경험 개선을 위한 더 보기(페이징) 구현 step 2 상세 정보 조회, 별점 매기기 UI/UX 개선 하기 step 1 step1에서는 메인 페이지에서는 인기순으로 정렬된 페이지를 그리고 검색을 했을 때는 검색된 결과물을 보여주는 결과 페이지가 있었고 모든..
2024.04.04 -
우테코 한 달 생활기라고 쓰고 사실 3,4주 차 회고록이다. 지난 1,2주차 회고가 보고 싶다면 여기로.. 사실 나의 회고록에는 거창한 것이 없다. 회고록을 작성하기 위해 다른 사람들을 어떻게 글을 쓰셨나 둘러보았다. 회고록을 쓸 때에도 잘 쓰고 싶다는 마음 때문일까? 난 아직도 성과주의 마인드셋에 머물러 있는 거 같다... 3주차를 시작하면서 이번 3주차에서는 지난 2주차에 TDD를 배우면서 진행했던 콘솔 기반 로또를 웹으로 바꾸는 미션이었다. 처음에 콘솔 할 때는 익숙하지 않다고 웹 하고 싶다고 소리쳤는데 막상 웹을 바닐라 Js로 하려니깐 익숙해진 콘솔이 그리웠다. 난 그래도 내가 웹을 꽤 해봤다고 생각했는데 오산이었다. 초반에 갈피 잡기가 어려웠다. 2차 미션을 그래도 어찌어찌 해결해서 피드백을 받..
[우테코 6기] 우아한테크코스 레벨 1 한달 생활기 ✏️우테코 한 달 생활기라고 쓰고 사실 3,4주 차 회고록이다. 지난 1,2주차 회고가 보고 싶다면 여기로.. 사실 나의 회고록에는 거창한 것이 없다. 회고록을 작성하기 위해 다른 사람들을 어떻게 글을 쓰셨나 둘러보았다. 회고록을 쓸 때에도 잘 쓰고 싶다는 마음 때문일까? 난 아직도 성과주의 마인드셋에 머물러 있는 거 같다... 3주차를 시작하면서 이번 3주차에서는 지난 2주차에 TDD를 배우면서 진행했던 콘솔 기반 로또를 웹으로 바꾸는 미션이었다. 처음에 콘솔 할 때는 익숙하지 않다고 웹 하고 싶다고 소리쳤는데 막상 웹을 바닐라 Js로 하려니깐 익숙해진 콘솔이 그리웠다. 난 그래도 내가 웹을 꽤 해봤다고 생각했는데 오산이었다. 초반에 갈피 잡기가 어려웠다. 2차 미션을 그래도 어찌어찌 해결해서 피드백을 받..
2024.03.11 -
벌써 우테코를 시작한 지 2주가 넘었다니 정말 믿기지가 않는다. 서울살이 시작한지도 벌써 2주가 다 되어가는데 아침 지옥철은 좀처럼 적응이 안 된다. 지금도 걱정이지만 여름이 진짜 두렵다.. 하 첫 등교 때는 설렘 + 긴장 가득이었던거 같다. 안 그래도 낯가리는데 아는 사람 아무도 없이 또 새로운 환경이라니..~ 그렇게 오티 시작..! 코테 때 뵈었던 포비와 공원부터 준, 왼손, 크론 등 다양한 프론트엔드 코치분들을 만나 뵈었다. 근데 다들 왠지 인싸와 웃수저의 향기가.. 하 또 나만 안 웃기지 진짜 닉네임 소개도 하라고 하시는데 다들 개그맨 지망생이었는지 어쩜 그렇게 재밌게 설명하고 재치있던지 그냥 영어 이름으로 한 과거의 내가 원망스럽고 어떻게 설명해야 재밌을까 고민하다가 결국 돌아온 순서에서... ..
[우테코 6기] 레벨1 1,2주차 생활 회고벌써 우테코를 시작한 지 2주가 넘었다니 정말 믿기지가 않는다. 서울살이 시작한지도 벌써 2주가 다 되어가는데 아침 지옥철은 좀처럼 적응이 안 된다. 지금도 걱정이지만 여름이 진짜 두렵다.. 하 첫 등교 때는 설렘 + 긴장 가득이었던거 같다. 안 그래도 낯가리는데 아는 사람 아무도 없이 또 새로운 환경이라니..~ 그렇게 오티 시작..! 코테 때 뵈었던 포비와 공원부터 준, 왼손, 크론 등 다양한 프론트엔드 코치분들을 만나 뵈었다. 근데 다들 왠지 인싸와 웃수저의 향기가.. 하 또 나만 안 웃기지 진짜 닉네임 소개도 하라고 하시는데 다들 개그맨 지망생이었는지 어쩜 그렇게 재밌게 설명하고 재치있던지 그냥 영어 이름으로 한 과거의 내가 원망스럽고 어떻게 설명해야 재밌을까 고민하다가 결국 돌아온 순서에서... ..
2024.02.26