우아한테크코스 7기

AngularJS Git Commit Message ConventionsJavaScript Style Guide문제 요구사항 분석우테코를 준비하면서, 6기 프리코스 문제를 좀 봤었는데 그때는 커밋에 대한 제약 조건이 없었다. 그런데 이번 7기에서는 AngularJS g

오늘의 목표 [ ] 각 잡고 테스트가 통과될 때까지 최소 5시간 이상 몰입하기. [ ] 5시간 전에 테스트가 통과된다면, **`리팩토링 + 효율 올리기. [ ] 구현 이외에 더 공부해야 할 것들 공부하기. [x] 입출력 메소드 사용법. [ ] TD

예외 처리 기능 구현 \- 케이스별 반례 찾기코드 리팩토링 \- 효율 ⬆️airbnb JavaScript 코딩 컨벤션 적용.문서화. 기록으로 남기기.JavaScript 필요한 것 1가지 개념 공부하기.왜라는 질문 3가지 이상하기.airbnb 자바스크립트 코딩 컨벤션

왜라는 질문 더 찾기!!예외 처리 반례 더 생각해보기.좀 더 효율적인 코드 리팩토링.JavaScript 필요한 것 1가지 개념 공부하기.X문서를 정말정말 잘 읽자... -> 글자 하나로 아예 다른 뜻이 된다..왜 에러 메시지를 잘 작성해야 할까?늦게나마 문서를 다시 읽

마지막 최종 마무리.왜라는 질문 더 찾기!!좀 더 효율적인 코드 리팩토링.JavaScript 필요한 것 1가지 개념 공부하기.미션 제출 시의 회고록 내용 구상. \- 느낀 점 \- 배운 점 \- 많은 시간을 투자한 부분git 커밋 메시지 수정 방법.자바스크립트 A

문자열 덧셈 계산기 제출.다음 미션 준비. \- 회고록 작성 준비. \- 이번 주 미션 정리. \- 이번 주 미션의 목표를 달성했는지 체크.X미리미리 준비해야 여유롭게 할 수 있다.PR 잘 날리고, 테스트 잘 통과해서, 잘 제출하였음.어제 소감문 등 준비를 잘해놔

소감문 좀 더 보완하기.1주차 내용 정리.2주차 준비하기.코드 리뷰하기.XXX학교 과제 때문에, 오늘은 거의 아무것도 못했다..회고록 늦은 작성..딥한 코드 리뷰.미리미리 잘 정리해놓고, 적어놓자.코드 리뷰 빡세게 해서 2주차 잘 준비하자!!늦어서 죄송..

딥한 코드 리뷰.미리미리 잘 정리해놓고, 적어놓자.XX다른 분들의 코드를 많이 봤다!논문 때문에 2주차 문제 아직 시작 못함..ㅠㅠ좋은 피드백을 많이 못한 것 같아 아쉽..논문 빨리 끝내고, 집중하기.자동차 경주 문제 요구사항 분석, 정리.아키텍쳐 설계.테스트 코드 설

오늘의 목표 논문 빨리 끝내고, 집중하기. 자동차 경주 문제 요구사항 분석, 정리. 아키텍쳐 설계. ESLint, prettier 적용. 테스트 코드 작성. 공부한 내용 ESLint, prettier 세팅. TIL (Today I Learned) ESLint, p

논문 끝내기.개발 들어가기.ESLint, Prettier 찐 세팅!!입력 받고, 결과 계산하고, 출력하기1주차 공통 피드백 정독하기.ESLint와 Prettier 세팅.끝날 때까지 끝난 게 아니었다.. -> ESLint 적용된 줄 알았으나,, Prettier만 적용된

논문 끝내기.예외 처리 구현.리팩토링 하기.1주차 공통 피드백 한 번 더 읽기.디버거 사용해보기.디버거 사용법.자바스크립트 객체 사용법.지금까지 디버거를 제대로 활용할 수 없었던 이유는 breakpoint를 어디에 찍어야 할지 잘 몰랐었던 것이었다. -> 자바스크립트는

추가 리팩토링.문제 해결 접근법, 방법론 더 생각해보고, 구현해보기.......알바와 다른 프로젝트 때문에 아무것도 못했다..리팩토링과 테스트 등 완성해서 PR과 제출하기.주차가 지나면 지날수록 더 바빠지는 것 같다..ㅠㅠ

오늘의 목표 추가 리팩토링. 문제 해결 접근법, 방법론 더 생각해보고, 구현해보기. 리팩토링과 테스트 등 완성해서 PR과 제출하기. 공부한 내용 TDD, 단위 테스트. TIL (Today I Learned) X 잘한 것 (Keep) 무사히 테스트 케이스 통과..!

내일 회고록 다 쓰고, 제출 마무리하기!!3주차 준비하기.X글쓰기는 언제나 힘들다..회고록을 다 써서 잘 제출했다..!1, 2주차 미션 구현, 해결 과정을 아직 정리하지 못했다..미션 시작 전 1, 2주차 미션 구현, 해결 과정 정리.2주차 코드 리뷰.3주차 미션 기능

미션 시작 전 1, 2주차 미션 구현, 해결 과정 정리.2주차 코드 리뷰.2주차 공통 피드백 정독.3주차 미션 환경 세팅.3주차 미션 기능 명세서 작성.Map객체 vs Object타입get 키워드, set 키워드Map객체와 Object타입의 차이점.1주 차 미션의 학습

객체지향을 고려한 설계.오늘 달성하지 못한 목표 달성하기. \- 1, 2주차 미션 구현, 해결 과정 정리. \- 3주차 미션 기능 명세서 작성.오프라인 스터디 참석.좀 더 의도를 드러내는 명확한 네이밍.eslint airbnb 코드 스타일 빠진 부분 적용. +

출제 의도에 대해서 좀 더 고민.코드 구조도 좀 더 설계.개발 start.기능 구현 완료.jest 테스트 코드 작성.jest 공부하면 할수록, 그냥 새로운 언어를 하나 더 배우는 것 같다..의존성, 결합도가 높을수록 테스트 코드를 작성하기 어려워진다는 게 무슨 뜻인지

리팩토링.또 리팩토링.XXX리팩토링 밖에 못했다..캡스톤, 프로젝트 빨리 끝내고, 우테코 집중하기.일을 하나 하면, 왜 2개가 더 생기지?ㅠㅠ

로또 미션 제출.테스트 통과XX제출 무사히 통과..집중하고 싶은데, 집중할 수가 없다..ㅠㅠ최소한의 일만 하고, 소감문 쓰기.하.. 바쁘다..

최소한의 일만 하고, 소감문 쓰기.X학습 목표의 본질.TDD함수, 변수, 상수 네이밍.이번 주에 내가 배운 것들을 소감문을 작성하며, 정리할 수 있었다..갈수록 바빠지는 나의 상황..4주차 미션 읽고, 파악하기. \- 기능 구현 목록 작성하기.코드 리뷰.3주차 공통

캡스톤 프로젝트 발표 포스터 자료 제작, 제출.MVC 패턴..생각 없이 일을 벌리면, 고통받는 건 나다..예전에도 일을 많이 벌렸었는데.. 그때 배운 게 없었나보다..X코드 리뷰도 하나도 못함..다른 일도 개 많은데..죽 닥치고 할 일 하기. \- 편의점 구현. \

죽 닥치고 할 일 하기. \- 편의점 구현. \- 랩미팅. \- 수업 프로젝트: 선한영향력가게 웹사이트 리뉴얼. \- 네트워크 시험 공부. \- 캡스톤 프로젝트 최종 발표, 보고서, 영상. \- 안드로이드 앱 개발 외주: 프로덕션 출시 심사.MVC

80% 완료.XXX설계가 계속 바뀌면서, 진도가 안나간다..구현 끝내보자..ㅠㅠ후...하후하

80% 완료.테스트 코드 작성.설계가 바뀌면 테스트 코드도 바뀐다..리팩토링을 하면서 구현하는 게 나은가, 구현을 먼저 다 하고 리팩토링을 하는 게 나은가?Data manipulation은 끝났고, 출력만 하면 된다..설계가 완벽하지 못해서, 데이터의 중복 사용, 중복

최종 마무리.X소감문 작성.다 쏟아냈고, 최선을 다 했다.3주차에서 문제 제대로 안 읽어서, 요구사항 몇 개 빼머긍뮤ㅠㅠ이제 할 수 있는 건 기다리는 것 뿐...

이 글은 우아한테크코스(이하 우테코) 7기 웹 프론트엔드 과정에 지원하면서 직접 작성했던 지원서를 바탕으로, 제가 어떤 동기로 지원했고, 어떠한 내용들을 담았는지 간략히 정리한 후기입니다.우테코는 지원서 → 프리코스 → 최종 코딩테스트로 이어지는 약 3개월 간의 긴 여

이 글은 우아한테크코스(이하 우테코) 7기 웹 프론트엔드 과정에 지원하면서 참여했던 프리코스의 경험을 바탕으로, 제가 어떻게 문제를 해석했고, 풀었고, 무엇을 느끼고 배웠는지 간략히 정리한 후기입니다. 우테코는 지원서 → 프리코스 → 최종 코딩테스트로 이어지는 약 3

이 글은 우아한테크코스(이하 우테코) 7기 웹 프론트엔드 과정에 지원하면서 참여했던 최종 코딩테스트 경험을 바탕으로, 제가 어떻게 문제를 해석했고, 풀었고, 무엇을 느끼고 배웠는지 간략히 정리한 후기입니다. 우테코는 지원서 → 프리코스 → 최종 코딩테스트로 이어지는

이 글은 우아한테크코스(이하 우테코) 7기 웹 프론트엔드 과정에 지원하여 최종 합격한 경험을 간략히 정리한 후기입니다. 우테코는 지원서 → 프리코스 → 최종 코딩테스트로 이어지는 약 3개월 간의 긴 여정을 통해 크루를 선발합니다. 최종 코딩테스트 이후 기억에서 잊혀져

작년 10월 초, 지원서를 제출하는 것부터 시작해서 2월 초, 우테코가 시작하기까지 약 4개월의 시간이 지나고 드디어 OT 날이 되었다. 그동안 언제 시작하나.. 했는데, 드디어 시작하게 되었다. 날씨도 정말 좋았고, 긴장도 되고 설레기도 했다.유튜브로만 보던 코치분들

우아한테크코스(우테코) 레벨 1 기간 동안 내가 참여했던 두 가지 의미 있는 스터디. 짧지만 강렬했던 두 스터디를 통해 얻은 경험과 깨달음들을 정리해 보려 한다. 혼자였다면 절대 얻을 수 없었을 소중한 배움들이 있었기에 기록으로 남겨두고 싶다.매주 『코어 자바스크립트』

기본형: Number, String, Boolean, null, undefined, Symbol참조형: Array, Function, Date, RegExp, Map, WeakMap, Set, WeakSet기본형: 주소값을 바로 복제참조형: 주소값 묶음의 주소값 복제비

React는 사용자 인터페이스(UI)를 렌더링하기 위한 JavaScript 라이브러리입니다. UI는 버튼, 텍스트, 이미지와 같은 작은 요소로 구성됩니다. React를 통해 작은 요소들을 재사용 가능하고 중첩할 수 있는 컴포넌트로 조합할 수 있습니다. 웹 사이트에서 휴

React 애플리케이션에서 사용자 인터페이스는 상태(state)에 따라 변화한다. 이 상태를 업데이트하는 것은 React 개발의 가장 기본적인 부분 중 하나이다. React에서 상태를 업데이트하는 가장 기본적인 방법은 useState 훅과 함께 제공되는 상태 설정 함수

useRef의 핵심 기능 중 하나는 렌더링에 필요하지 않은 값을 참조할 수 있게 해주는 React Hook이다. useRef는 { current: initialValue } 형태의 객체를 반환하며, 이 객체는 컴포넌트의 다음 렌더링 시에도 동일하게 유지된다. 그러나 u

useImperativeHandle를 사용하면서 가장 헷갈릴 수 있는 부분들은 주로 이 훅이 어떤 목적으로 사용되는지, 그리고 어떤 상황에서 사용해야 하는지에 대한 이해 부족에서 발생합니다. useImperativeHandle는 특정 컴포넌트가 부모 컴포넌트에 노출하고

React 컴포넌트에서 많은 State 업데이트 로직이 여러 이벤트 핸들러에 분산되면 코드가 복잡해진다. 이러한 복잡성을 해소하기 위해, State 업데이트 로직을 컴포넌트 외부의 단일 함수인 Reducer로 통합할 수 있다.Reducer는 useState와는 다른 방

React 애플리케이션을 개발할 때, 컴포넌트의 State 관리는 사용자 경험과 유지보수성, 성능에 직결되는 매우 중요한 부분이다. 그러나 React의 State 업데이트 방식과 훅(Hooks)의 특성을 충분히 이해하지 못한 채 코드를 작성하다 보면, 다음과 같은 문제

👉 ‘코어 자바스크립트’의 ‘02 실행 컨텍스트 (2-1, 2-2)’를 읽으며 기억할 내용들과 새로 알게 된 내용을 정리하였습니다.실행 컨텍스트(execution context): 실행할 코드에 제공할 환경 정보들을 모아놓은 객체.자바스크립트는 어떤 실행 컨텍스트가

👉 ‘코어 자바스크립트’의 ‘03 this’를 읽으며 기억할 내용들과 새로 알게 된 내용을 정리하였습니다.일반적인 this: 클래스로 생성한 인스턴스 객체JS의 this: 어디서든 사용 가능하다. 상황에 따라 대상이 다름. 이유를 파악하기 힘든 경우, 예상

페이먼츠 미션페이먼츠 모듈 1단계페이먼츠 모듈 2단계리액트 공식문서 스터디 (State Managing, useState)알고리즘 스터디 브루트포스 주간회고 스터디 킥오프테코톡 발표유튜브 근로 회의하루 10분 독서점점 할 일이 늘어나면서 마음의 부담감으로 작용하기 시작

Effect의 기본적인 역할부터 시작하여, 불필요한 Effect를 피하는 방법, Effect를 올바르게 작성하는 방법 (의존성 및 클린업), 그리고 의존성 관련 일반적인 문제 해결 및 실험적인 기능(Effect 이벤트)까지 다룬다.Effect의 정의와 목적: Effec

애플리케이션 내에서 어떤 데이터나 상태가 오직 한 곳에서만 관리되고, 그 한 곳을 통해서만 읽고 쓰기를 하는 설계 원칙장점 1\. 일관성 유지: 중복된 데이터가 여러 군데에 흩어져 있지 않기 때문에, 값이 변경될 때마다 모든 복제본을 동기화할 필요가 없다. 2\.

페이먼츠 모듈 미션상품 목록 1단계리액트 공식문서 스터디 (Escaping hatches, useActionState, useDebugValue)알고리즘 스터디 백트래킹 주간회고 스터디유튜브 근로하루 10분 독서매일메일 질문 공부블로그 글 매일 최소 1개 포스팅퇴근 후

👉 ‘코어 자바스크립트’의 ‘04 콜백 함수’를 읽으며 기억할 내용들과 새로 알게 된 내용을 정리하였습니다. 🔽 4-1 콜백 함수란? 콜백 함수: 다른 코드의 인자로 넘겨주는 함수. 필요에 따라 적절한 시점에 실행. → 제어권과 관련이 깊다.

React 앱의 성능 개선은 사용자 경험에 매우 중요하며, 특히 도형 이동과 같이 상호작용이 세분화된 경우 메모이제이션이 매우 유용할 수 있다.React는 기본적으로 부모 컴포넌트가 리렌더링될 때 모든 자식 컴포넌트를 재귀적으로 다시 렌더링한다. 컴포넌트의 리렌더링 로

상품 목록 1단계리액트 공식문서 스터디 (useMemo, useCallback, React.memo)알고리즘 스터디 백트래킹 주간회고 스터디유튜브 근로하루 10분 독서새로운 자극 찾아내기. \- 웹 개발 스킬을 한 단계 높여 주는 프론트엔드 성능 최적화 가이드 읽

1. useContext? 컴포넌트에서 Context를 읽고 구독하는 React Hook. createContext로 생성된 Context를 매개변수로 받는다. 호출 컴포넌트 상위의 가장 가까운 SomeContext.Provider

장바구니 1단계상품 목록 2단계리액트 공식문서 스터디 (useContext, 프론트엔드 성능 최적화 가이드 1장)알고리즘 스터디회고 스터디유튜브 근로하루 10분 독서뇌 빼고 미션만 함. \- 이번 주는 정말 뇌 빼고 미션만 했다. 그럼에도 불구하고, 놓친 부분이 정말

장바구니 1단계리액트 공식문서 스터디 (프론트엔드 성능 최적화 가이드)알고리즘 스터디회고 스터디유튜브 근로하루 10분 독서레벨 1과 2가 어느덧 마무리되어 가면서, 이제는 그동안 배웠던 다양한 이론과 기술을 총동원하여 실질적이고 의미 있는 프로젝트를 진행하는 레벨 3에

Overview 책 정보 제목: 코어 자바스크립트 저자: 정재남 출판사: 위키북스 ISBN: 9791158391720 이 글의 목적 및 대상 독자 JavaScript의 클로저(Closure) 개념을 체계적으로 이해하고 싶은 분 클로저가 메모리

책 정보 제목: 코어 자바스크립트 저자: 정재남 출판사: 위키북스 ISBN: 9791158391720 발행일: 2019년 09월 10일 쪽수: 202쪽이 글의 목적 및 대상 독자 JavaScript의 프로토타입 개념을 체계적으로 이해하고 싶은 분 생성자

책 정보 제목: 코어 자바스크립트 저자: 정재남 출판사: 위키북스 ISBN: 9791158391720 발행일: 2019년 09월 10일 쪽수: 202쪽이 글의 목적 및 대상 독자 JavaScript의 클래스 개념과 동작 원리를 이해하고 싶은 분 생성자 함

CS 면접이나 공부를 준비할 때는 브라우저 렌더링 파이프라인이나 Reflow·Repaint처럼 복잡한 개념을 이해하고, 이를 직접 코드로 재현하는 과정까지 많은 시간을 투자해야 합니다. 이런 배경에서 최근 많은 학습자가 AI 도구의 도움을 받고 있습니다.핵심 파악: 생

최근 웹 개발에서 무한 스크롤은 사용자 경험을 향상시키는 중요한 요소로 자리 잡았습니다. 특히 React와 TypeScript를 사용하는 개발자들에게는 더욱 매력적인 기능입니다. TanStack Query v5를 활용하여 무한 스크롤을 구현하는 방법에 대해 자세히 알아

React 16 이후, React는 “Fiber”라는 내부 구조를 도입했습니다.이는 컴포넌트 트리를 표현하는 메모리 구조체(virtual tree)이며, 하이드레이션은 바로 이 Fiber 트리를 “서버에서 미리 만들어진 DOM 노드”와 동기화하는 과정입니다.SSR에서