[점핏] 프론트엔드 개발자 이야기

점핏에서 진행되는 북콘서트가 있어서 참여했다.

세션이 너무 맘에 들었고, 도움이 될 것 같아서 바로 고고!

출처: 점핏

 

FE 개발자의 소프트 스킬과 하드 스킬

---

좋은 코드의 조건

1. 테스트가 용이할 것

2. 읽기 쉬울 것

• 네이밍이 길어도 괜찮다. 읽기 쉬운게 더 좋다.

3. 일관성

---

1. 테스트 코드는 가능한 부분부터 작성하자

2. 한 커밋에는 한 가지 문제만

• 추적 가능하게 유지하자!

3. 실험은 한 번에 하나씩만 

• 고생 = (학습 + 프로젝트) X 2

4. 나만의 학습 루틴을 만들어두자

5. 가장 좋은 공부 방법은 교육

• 동료도 좋고, 러버덕도 좋고

6. 대체로 옳은 기술은 없다. 상황에 따른 선택이 있을 뿐

7. 프론트엔드 개발자는 절반쯤은 UX 전문가가 되어야 한다.

• 코드 너머에 사용자가 있기 때문

8. 풀스택 엔지니어링 지식은 익히되 풀스택 엔지니어를 지향하지는 말자.

• 하나 잘하기도 점점 더 어려워지고 있다. 전문 분야를 가지자.

9. 안 된다는 말을 그만하자

• 거절의 3단계(숙고 / 대안 제시 / 이득)

10. 이직은 늘 준비하는 것

• 이직할 때 볼 것: 커리어, 연봉, 워라벨

11. 커리어 = 시간 + 스토리

12. 성과급/복지보다는 연봉

13. 가능하다면, 자신의 기술이 메인으로 사용되는 회사로 가는 게 좋다.

14. 뱀의 머리보다는 용의 꼬리가 낫다.

• 많은 걸 배울 수 있는 곳으로 가야 자극을 받는다. 

15. 호인과 호구는 다르다

16. 실무 능력 = 프로그래밍 스킬(구현) + 도메인 지식(문제 정의) + 커뮤니케이션(협업)

• 독서하듯 코드를 읽자 => 많이 읽어야 빨리 읽고 이해하고 잘 쓸 수 있다

17. 문제는 시스템으로 예방하자

• Linter, Formatter ...

18. 가능한 한 작게 시작하자

19. 질문에도 기술이 있다.

 

 

협업?! 이렇게 한번 해봐 - FE 개발자가 타 직군과 대화를 잘 해야하는 이유

---

1. 맥락이랑 의도를 꼭 포함하여 전달하자

2. 목적 지향적인 태도로 대화해보자

3. 광범위한 지식을 갖자

4. 기획자, 개발자, 디자이너의 소통을 잘 도와주는 번역기 역할을 하자

 

 

FE 개발 트렌드 - 리엑트 개발 생태계와 Next.js까지

---

출처: 소플

 

Next.js

---

리엑트만으로 개발할 때 직접 설정해야 하는 복잡한 기능들을 쉽고 간편하게 사용할 수 있게 해줍니다.

그리고 FE와 BE를 하나의 프로젝트로 개발할 수 있습니다.

 

1. 라우팅을 직접 하지 않고 pages 폴더에 넣으면 자동으로 라우팅이 가능

출처: 소플

2. Data Fetching(SSR, SSG, CSR)

3. Built-In CSS Support

4. Optimization

5. Static File Serving

6. Fast Refresh

7. ESLint

8. Dynamic Import

9. API Routes

 

 

타입스크립트로 FE 개발 레벨업

---

JSDoc

---

JSDoc은 일정한 형식으로 코드에 설명을 추가하는 주석입니다. 하지만 이보다 TS가 더 편하기 때문에 TS를 사용합니다.

출처: 캡틴판교

 

 

---

질문이나 잘못된 점은 댓글로 남겨주세요 :)💖