1. Language
1.1 JavaScript
2. SPA
2.1 React
2.2 Vue
3. CSS Tool
3.1 CSS
3.2 SCSS
4. ETC
| 주제 | 링크 | 발표자 | 발표일 | 비고 |
|---|---|---|---|---|
| 모듈화하여 재사용할 수 있는 컴포넌트 만들기 | 링크 | 박재경 | 220624 | 바닐라 JS로 Carousel 만들기 |
| 마우스를 따라 움직이는 아이콘 만들기 | 링크 | 이윤경 | 220826 | requestAnimationFrame |
| 브라우저 렌더링과 호이스팅 개념 설명 | 링크 | 김지영 | 220826 | FE-CS-지식 |
| 자바스크립트 클로저 | 링크 | 박승훈 | 220902 | FE-CS-지식 |
| 자바스크립트 실행 컨텍스트 | 링크 | 박승훈 | 220930 | FE-CS-지식 |
| 주제 | 링크 | 발표자 | 발표일 | 비고 |
|---|---|---|---|---|
| 타입스크립트 기초 | 링크 | 박승훈 | 220715 | 원시 타입 ,객체 타입, 인터페이스 |
| 타입스크립트 중급 | 링크 | 박재경 | 220722 | ENUM ,Union, Alias, 인터섹션, 함수 오버로드 |
| 타입스크립트 고급 | 링크 | 박승훈 | 220729 | 제네릭 ,타입 추론 |
| 주제 | 링크 | 발표자 | 발표일 | 비고 |
|---|---|---|---|---|
| Children Props와 JSX 번들링 내부 동작의 이해 | 링크 | 이원우 | 220624 | |
| Form 태그를 통한 입력 처리 | 링크 | 박재현 | 220701 | |
| Styled components 와 Css 모듈 | 링크 | 황상윤 | 220708 | |
| Props와 Event를 활용한 컴포넌트간 수직적 통신 | 링크 | 김지영 | 220624 | |
| 라이프 사이클 (LifeCycle) | 링크 | 박재현 | 220624 | |
| 리액트 훅 소개 | 링크 | 김지영 | 220708 | useEffect, React.memo()useCallback, useMemo |
| 리액트 훅을 활용한 HTTP 요청 보내기 | 링크 | 황상윤 | 220624 | useState, useEffect |
| 리액트 커스텀훅으로 비동기 HTTP 요청 보내기 | 링크 | 이원우 | 220722 | customHook, useHttp |
| 리액트를 활용하여 캘린더 만들기 | 링크 | 황상윤 | 220812 | momment.js |
✅ Redux
| 주제 | 링크 | 발표자 | 발표일 | 비고 |
|---|---|---|---|---|
| Redux의 동작 및 toolkit을 이용한 상태 관리 | 링크 | 이원우 | 220708 |
✅ ReactNative
| 주제 | 링크 | 발표자 | 발표일 | 비고 |
|---|---|---|---|---|
| ReactNative에 대한 공식 문서 탐방 | 링크 | 이원우 | 220812 |
| 주제 | 링크 | 발표자 | 발표일 | 비고 |
|---|---|---|---|---|
| vue3 주요 변경 사항 톺아보기 | 링크 | 박재경 | 220701 | |
| v-model을 활용하여 멀티 레인지 만들기 | 링크 | 박재경 | 220805 |
| 주제 | 링크 | 발표자 | 발표일 | 비고 |
|---|---|---|---|---|
| 2022 새로운 CSS | 링크 | 황상윤 | 220722 | inert, accent-color |
| 주제 | 링크 | 발표자 | 발표일 | 비고 |
|---|---|---|---|---|
| SCSS 기초 | 링크 | 박승훈 | 220624 | Nesting, Ampersand, 변수, List, Maps, Mixin |
| SCSS 심화 | 링크 | 박승훈 | 220701 | extend, 조건문, 반복문, 함수 |
| 주제 | 링크 | 발표자 | 발표일 | 비고 |
|---|---|---|---|---|
| GIT을 통해 프로젝트 관리 시작하기 | 링크 | 이윤경 | 220624 | |
| MSW.js를 이용한 Mocking 방법 | 링크 | 이윤경 | 220715 | |
| SVG에 대해 알아보자 | 링크 | 이윤경 | 220729 | |
| 번들러와 웹팩 | 링크 | 박재경 | 220916 | webpack |
| Three.js 기초와 구성요소 맛보기 | 링크 | 이원우 | 220923 | three.js |