👉4월 30일 점핑 FE 개발트렌드 오프라인/온라인교육

오늘은 광고로 보게된 점핑의 FE개발 트렌드 강의를 듣고왔어요 !
우연히 지나다 신청했는데 취준생으로써 한가한 일요일에 놀면뭐하나 싶어서 바로 링크의 클릭과함께 수강해봄니다 .. !
이런 형태의 강의는 처음인데도 불구하고 정말 유용한 강의였고 이제 관련강의를 들어도 바로 이해가 된다는것에 그래도 조금 개발자가 되가지않았나 싶습니다 !
책으로는 와닿지 않던 트렌드중요성을 실무자들이 직접적으로 알려주니
이같은 강의를 계속해서 찾아서 들어야되겠다는 생각이 많이드네요
내용을 되새기기도 하면서 글쓰는 연습도 할겸 유용하다고 느낀점들을 정리해봄니다 !

💚1부 : 센스 있게 일하는 FE 개발자 되기 (13:30 - 15:00)
Session 1. FE 개발자의 소프트 스킬과 하드 스킬 - 김태곤 강연자님
Session 2. 협업?! 이렇게 한 번 해봐 - FE 개발자가 타 직군과 대화를 잘 해야하는 이유 - 유동균 강연자님

💚2부 : Fit한 정보로 성장 부스트업 (15:30 - 17:00)
Session 1. FE 개발 트렌드 - 리액트 개발 생태계와 Next.js까지 - 이인제(소플) 강연자님
Session 2. 타입스크립트로 FE 개발 레벨업 - 장기효(캡틴판교) 강연자님

언어

• 자바스크립트(jsx) , 타입스크립트(tsx) -> 자바스크립트에 타입을 추가 선언

프레임워크

• 개츠비js -> 정적인 웹사이트에 사용하기 유용
  👉정적인 웹사이트 프레임워크 SSG(Static Site Generator)
• 넥스트Js -> SSR(Server Side Rendering이 특징

스타일링 라이브러리

• Sass -> Css를 개량화 사용량 1위 🔥
• 이모션 스타일링(자바에서 css적용 가능하게해줌)
• 스타일드 컴포넌트 -> 많이사용 (추세🔥 +)
• stitches(스티치스 스타일링) -> 함수를 사용해서 사용 추세 +
• 테일윈드(정의된 클래스네임으로 사용)

상태관리 라이브러리

• 리덕스 입문단계에서 꼭 사용해보고 넘어가야됨🔥
• 모벡스 (추세 - )
• 리코일 (추세🔥 +)
• 저스탠드(추세🔥 +)

데이터 패칭 앤 캐싱(사용량 비슷)
(서버로 데이터 받아오고 캐싱 및 관리도구)

• 리액트쿼리(텐스택 제작) -> 서버와 클라이언트 사이에 비동기 관리
• swr -> 같은 버셀 제작 next.js랑 (사용성 +)

Ui 라이브러리

• Mui(구글제작) 사용량 1위🔥 -> 오랜기간 ,많은회사에서 사용
• 엔트디자인(자체생태계 구축 ) ,
• 차크라(🔥) Mui 무거움을 대체한 가벼움
• 리액트 부트스트랩 -> 사용량 2위
• 시맨틱-리액트 -> 애니메이션 사용쉬움
• 블루프린트(데스크탑 최적화)
• 레딕스 -> 기본 컴포넌트에 스타일 작업이 안되있음

넥스트.js ( 제작 : 버셀 )

핵심기능

• 페이지스 라우터내장 -> 폴더배치만 해주면 자동 라우팅
• 데이터 패칭 우세

• SSR (Server Side Rendering)

• SSG (Static Site Generator)

• CSR (Client Side Rendering)

• Built-In Css Support 기능 -> Css 바로 사용가능
• Optimization 옵티마이제이션 ( 이미지 압축기능 )
• Static File Serving (정적파일제공)
• Fast Refresh (코드 변경시 자동리프레쉬)
• ESLint
• Dynamic Import (컴포넌트 동적적용)
• API Routes(활용시 백엔드 코드도 제작가능) ->풀스텍 제작(AWS 람다 배포가능)
• next.config.js

• Rewrites- >. cors 에러방지 유용

• redirects

필요성

• 리액트의 설정을 가볍게 해줌
• 프론트/백 둘다 제작가능
• 넥스트js 빨리 배우세요!!