2021년 7월 5주차 | 읽어본 글

yisu.kim·2021년 8월 2일

📍 원티드 프리온보딩 코스에 참여해 다른 수강생분들이 참조한 링크를 읽고 요약해보았습니다.

CRA Structure

[번역] 프레젠테이션 컴포넌트와 컨테이너 컴포넌트 : Presentational and Container Components를 번역한 글로 Presentational 컴포넌트와 Container 컴포넌트의 정의를 설명하고 이 구조의 장점을 알려준다. Presentaional 컴포넌트는 stateless하게 Container 컴포넌트는 stateful하게!
[React] 5단계로 보는 리액트 폴더구조 : React 폴더 구조를 5단계로 나눠 친절한 예시와 함께 설명한다. 매우 간단한 프로젝트를 위한 단일 파일 구조부터 대규모 React Application을 위한 도메인 폴더 구조까지 확장시킨다.
atomic design : 잘 알려진 Brad Frost의 아토믹 디자인이다. 원자(Atoms), 분자(Molecules), 유기체(Organisms), 템플릿(Templates), 페이지(Pages) 개념을 활용해 컴포넌트를 설계한다.
리액트 어플리케이션 구조 - 아토믹 디자인 : 아토믹 디자인을 직접 적용해보고 그 장단점을 살펴본다.
React Design Pattern : 실제 사이트의 페이지를 기반으로 Presentational and Container Component Pattern과 Atomic Design Pattern을 각각 사용해 구조를 설계한 예시를 제공한다.
Implementing the Container Pattern using React Hooks : React hooks와 Container Pattern을 함께 사용한 예제를 제공하면서 소규모 프로젝트보다는 대규모 프로젝트에서 이 방법을 사용하는 것을 추천한다.

CSS의 진화 과정 : CSS -> SCSS -> BEM -> CSS-Modules -> Styled-Component 순으로 CSS에서 발생되는 문제를 해결하기 위해 등장한 툴과 방법론을 하나씩 소개한다.
다양한 방식의 리액트 컴포넌트 스타일링 방식 CSS, Sass, CSS Module, styled-components : React 컴포넌트 스타일링을 위한 다양한 방식을 구체적인 예제와 함께 소개하고 설치 및 설정방법을 제공한다.
CSS-in-JS에서 CSS-in-CSS로 바꿔야 하는 이유 : CSS-in-JS의 장점을 소개하면서도 CSS-in-CSS와 비교했을 때 어떤 단점이 있는지 언급한다. 이를 기반으로 만드는 서비스에 따라 CSS-in-JS 또는 CSS-in-CSS를 적절하게 사용할 필요가 있다는 것을 알려준다.
[번역] CSS-in-JS에 관해 알아야 할 모든 것 : All You Need To Know About CSS-in-JS를 번역한 글로 CSS-in-JS 사용을 강력하게 추천한다.
CSS in JS는 무조건 더 좋을까? : CSS-in-JS로 개발 경험을 향상시키고 버그를 줄일 것인지 CSS로 성능 향상을 우선시할 것인지는 개발자의 선택이다.

Udacity Git Commit Message Style Guide : Udacity 프로젝트에서 따라야 하는 Git 커밋 메시지 스타일 가이드
좋은 git 커밋 메시지를 작성하기 위한 7가지 약속 : How to Write a Git Commit Message를 번역하고 팁을 추가한 글로 영어 커밋 메시지를 작성할 때 지키면 좋은 룰을 상세하게 설명한다.
Conventional Commits : 커밋 메시지를 사람과 기계 모두 읽기 쉽도록 정의한 컨벤션을 설명하고 이를 프로젝트에 적용할 수 있도록 돕는 다양한 툴을 소개한다.
[협업] 협업을 위한 git 커밋컨벤션 설정하기 : Udacity Git Commit Message Style Guide를 기반으로 추가적인 태그와 emoji를 제안한다.
gitm😍ji : 커밋 메시지에 사용하는 emoji 모음
좋은 git commit 메시지를 위한 영어 사전 : 영어 커밋 메시지 제목을 작성할 때 반복되는 메시지의 패턴을 찾아 정리한다.

📍 멘토 김예리님이 알려주신 개발자 커뮤니티입니다. 필터링된 질좋은 블로그 글이나 고급 정보도 얻을 수 있고 알짜배기 채용정보와 기술컨퍼런스, 소규모 밋업, 해커톤 정보가 많이 올라온다고 합니다.
언젠가 정보를 올리는 사람이 되기를 바라며 가입했습니다!

관련 주제에 대해 추가하고 싶은 링크가 있다면 알려주세요! 😉