개발자 & 개발 공부

minseok oh·2022년 3월 12일

Comento(React)

목록 보기
4/7
post-thumbnail

#코멘토 #코멘토실무PT #실무PT후기 #실무강의 #리액트강의 #웹프로그래밍 #react #웹개발실무

필수 링크
https://bit.ly/3D9XCOz

개발자 유형


개발자 유형

  • 이중 나는 근성 타입과 마감 철저 타입에 해당되는 것 같다.

    • 스피드 타입
      • Good: 아이디어를 빠른 속도로 구현
      • Bad: 빠른 속도로 구현하기에 언뜻보면 우수하게 보이지만 규모가 커지면 근성이 없어 제대로 못 하는 경우가 있음
    • 아이디어 타입
      • Good: 누구도 생각하지 못했던 기능과 기술을 생각해냄
      • Bad: 그 아이디어들을 다 적용하려다 멘탈이 무너지는 경우가 많음
    • 철학자 타입
      • Good: 독자적인 미학을 가지고 예술과 같은 프로그램을 작성함
      • Bad: 못 읽을 정도로 복잡한 코드를 짜서 유지보수 하기가 어려움
    • 땡떙이 타입
      • Good: 이미 만들어져 있는 것들을 조합해서 결과를 냄 리더에 적합
      • Bad: 마감 직전에 프로그램을 완성하는 경우가 많음
    • 근성 타입
      • Good: 어떤 절망적인 상황에 빠져도 포기하지 않고 프로그램을 작성
      • Bad: 평범하게 보이는 타입. 근성은 있지만 참신한 발상은 부족
    • 마감 철저 타입
      • Good: 마감을 지키는 게 어렵기 때문에, 마감을 지키는 것만으로도 우수해 보임
      • Bad: 마감을 위해 완성도를 낮춤 70% 완성도면 충분하다는 보수적인 방식 사용
    • 깔끔이 타입
      • Good: 유지보수가 쉬운 프로그램을 우선적으로 작성
      • Bad: 독창성이 없고, 어디에 사용될지 모르는 프로그램이 만들어지는 경우가 있음

자신만의 학습법이 필요하다

  • 자신만의 학습방법과 학습의 속도 => 짧은 시간에 효과적으로 배우는 것

    참고(존 손메즈의 10단계 학습법)

    1. 큰그림을 보라
    2. 범위를 정하라
    3. 성공을 정의하라
    4. 자료를 찾아라
    5. 학습 계획을 세워라
    6. 자료를 선별하라
    7. 대충 사용할 수준까지 배워라
    8. 놀아라
    9. 유용한 일을 할 정도까지 배워라
    10. 가르쳐라

단계별 집중해야할 것

  • 1단계: 기능이 정상적으로 동작하는가? (버그가 없는가)
  • 2단계: 디자인이 제대로 반영되었는가?
  • 3단계: 코딩 생산성(코딩 속도)이 얼마나 높은가
    => 모듈화, 재사용성 높은 코드 스타일, 디자인 시스템등
  • 4단계: 성능 최적화
    => 로딩 속도가 얼마나 빠른가, 페이지 전환 속도가 얼마나 빠른가

=> 이중 1~2단계 신입 개발자가 집중해야되고 3단계 신입에서 주니어 3년차? 정도 까지 4단계 부터 시니어 개발자가 집중해야되는 것이라고 생각한다

컴포넌트 UI 스타일링


Atomic 디자인

  • 뷰를 Atoms(원자) -> Molecules(분자) -> Organisms(유기체) -> Templates -> Pages 순으로
  • 작은 것들을 만들고, 결합해 좀 더 큰 단위의 뷰를 만들어 나가는 디자인 시스템이다

장점

  1. 재사용 가능한 설계 시스템을 제공
    • 컴포넌트들을 혼합해 일관성 있고 재사용의 효율을 높이는 디자인
  2. 디자인을 쉽게 수정할 수 있다
    • 컴포넌트가 단위별로 이루어져 큰 컴포넌트에서 작은 컴포넌트를 삭제, 추가, 수정하는 것으로 쉽게 수정할 수 있다
  3. 레이아웃을 이해하기 쉬어진다
    • 페이지를 처음부터 설계하는 시도가 있어, 페이지의 레이아웃의 이해가 오래가고, 팀 프로젝트 시 제멋대로가 되는 스타일 가이드를 최소화시킨다

단점

  1. 오랜 기간의 디자인 설계
    • 설계에 힘을 써야하는 장점이 오히려 단점이 된다.
  2. 일관성이 떨어지는 결과 발생 위험성
    • 잘못된 디자인으로 컴포넌트들을 합치고 나눌 시, 기술 부채와 개발 기간이 증대해 결국엔 일관성이 떨어지는 결과 발생
  3. 원자, 분자보다 익숙한 유기체
    • top-down 방식에 익숙한 보통 사람들 그래서 원자, 분자부터 만드는 bottom-up이 익숙하지 않아 학습과 훈련이 필요하다는 것!
profile
현재는 FE(Front) 개발자 미래엔 FSE(Full Stack) 개발자

0개의 댓글