1. React Hook의 심층 활용 - 최적화
1-1. React 렌더링 최적화 & Advenced Hook
React 렌더링 최적화 & Advanced Hook
1. 렌더링 (Rendering) 1-1. 렌더링이란? 렌더링 - 렌더링이란 화면에 특정한 요소를 그려내는 것을 의미한다. 사실 이 렌더링 과정을 잘 처리해주는 것이 우리가 Vanila JavaScript를 사용하지 않고 React
taak-e.tistory.com
1-2. useEffect 의존성 배열에 관해서
useEffect의 Dependency array(의존성 배열)
useEffect의 의존성 배열 useEffect에서 의존성 배열을 다루는 것은 굉장히 중요한 부분 의존성 배열을 제대로 다루지 못한다면 useEffect를 사용하면서 버그가 발생할 확률이 굉장히 높아진다. 1. 의존
taak-e.tistory.com
1-3. Context API
Context API 개념과 사용법
Context API 1. 개념 React에서 제공하는 내장 API로서 컴포넌트들에게 동일한 Context(맥락)을 전달하는데 사용할 수 있다. 일반적으로 리액트에서 데이터를 전달하는 기본 원칙은 단방향성이다. 즉, 부
taak-e.tistory.com
2. Clean Code란? 그리고 내 코드에 적용하려면?
2-1. 관심사의 분리와 SRP, Custom Hook
관심사의 분리 & 리액트에서 관심사를 분리하는 법
1. 관심사의 분리 (Seperation Of Concerns) 관심사의 분리(Seperation Of Concerns) 는 좋은 코드를 짜기 위한 가장 기본적인 원칙이며, 더 좋은 애플리케이션을 만들기 위한 여러 디자인 패턴, 기법, 아키텍쳐
taak-e.tistory.com
2-2. 횡단 관심사
횡단 관심사 (Cross-cutting-concerns)
1. 횡단 관심사 (Cross-cutting-concerns) 란? 횡단 관심사의 의미 - 횡단 관심사란 여러 서비스에 걸쳐서 동작해야 하는 코드 - 관심사란 코드가 하고자 하는 목적, 동작을 의미한다고 하면 확장해서 횡
taak-e.tistory.com
2-3. 의존성 / 의존성 역전 원칙(DIP) / 의존성 주입
의존성 / DIP / 의존성 주입
1. 의존성 (Dependency) 이란? 의존성이란 특정한 모듈이 동작하기 위해서 다른 모듈을 필요로 하는 것 2. 의존성 역전 원칙(DIP) “유연성이 극대화된 시스템"을 만들기 위한 원칙이다. 이 말은 곧 소
taak-e.tistory.com
3. Week-2 회고
개발자분들이 말하는 좋은 코드란?
개발자분들 사이에서는 좋은 코드란 어떤 것인지, 어떻게 코드를 작성하는 것이 좋은 것인지는 항상 가지고 있는 고민이고 숙제일 것이다. 많은 정보들을 찾아본 나지만 사실 좋은 코드가 무엇이다라는 명확한 정답은 없는 듯 보인다. 다만, 좋은 코드를 작성하기 위해 어떤 요소를 고민하면 보다 나은 코드가 될 수 있는지 정도는 고민 해 볼 수 있다.
이번 2주차 기업 협업과제를 해나가면서 가장 크게 느꼈던 것이 협업하는 동료 개발자들이 읽을 수 있는 서로 최소한의 약속을 지키면서 코드를 작성하는 것이었다. 좋은 코드란 그런 것이라고 생각한다. 동료 개발자 혹, 다른 개발자분이 내 코드를 봤을 때 이해 가능한, 읽을 수 있는 코드! 물론 읽기 쉽다면 그거야 말로 (능력) 좋은 개발자가 아닐까 생각한다. 하지만, 그것은 아직은 나에게 나아가야할 목표이고, 가장 기본적인 요소라고 생각되는 것부터 지키고 작성해나가보기로 했다.
아래 좋은 코드가 무엇인지 프로젝트 회고를 통해 정리했고 이 기준을 토대로 코드를 작성하는 것을 지향할 것이다.
GitHub - Taak-e/TroubleShooting-Retrospective: 프로젝트 진행 중 이슈에 대한 트러블슈팅과 회고에 대해 기
프로젝트 진행 중 이슈에 대한 트러블슈팅과 회고에 대해 기록합니다. Contribute to Taak-e/TroubleShooting-Retrospective development by creating an account on GitHub.
github.com
'Experience > 원티드 프리온보딩' 카테고리의 다른 글
프리온보딩 코스 Week-5 (0) | 2022.10.13 |
---|---|
프리온보딩 코스 Week-4 (0) | 2022.10.08 |
프리온보딩 코스 Week-3 (0) | 2022.09.17 |
프리온보딩 코스 Week-1 (0) | 2022.09.13 |
원티드 프리온보딩 프론트엔드 신청 / 선발과제 (Todo-List) (0) | 2022.08.24 |