학원, 인터넷 강의, 책에서 배운 내용들을 정리합니다.

💦클릭하면 페이지 또는 게시판으로 이동합니다.

HTML & CSS


0602-03 웹페이지 레이아웃

CSS 아키텍처(렌더링, BEM ...)

flexbox

Sass와 NPM

텍스트에 그라디언트 적용하기

미디어쿼리 scss

Flex vs Grid

jQuery


웹3 jQuery 기초 예제 모음

React


리액트 npm 설치할 거 모음(타입스크립트, 스타일드 컴포넌트 등)

[React] 간단한 투두리스트 만들기

[React] 컴포넌트 성능 최적화

[React] immer을 사용하여 더 쉽게 불변성 유지하기

ApexChart📊 사용하기

react-hook-form 사용하기

[React] 리액트 라우터 v6.0 사용하기

[React] News API를 연동하여 뉴스 뷰어 만들기

[React] 스타일드 컴포넌트(styled components)

React JS 마스터 클래스 정리

[React] React Hook Form 사용하기

[React] react-youtube로 유튜브 플레이어 삽입

[Chingu] Next.js에서 리액트 쿼리 사용하기

💚velog💚


soonmac (soonmac) - velog

Python


파이썬 기초 이론

JavaScript


웹2 JavaScript 기초 문법 모음

노마드코더 - 바닐라 자바스크립트🍦

모던 자바스크립트 딥다이드 스터디

Ajax - fetch API

비동기 프로그래밍(JSON, Promise, async,await)

fetch를 이용하여 공공데이터 API 호출하기

스크롤에 따라 움직이는 nav 인디케이터

ES6 클래스와 오브젝트

구조 분해 할당

이미지를 클릭하면 나오는 팝업 슬라이드(바닐라JS)

바닐라 JS로 옷입히기 게임 만들기

카카오링크로 메세지 보내기

프론트엔드 기술 지식 모음

깃허브로 놀러오세요


soonmac - Repositories

❤스크랩~!


[React] create-react-app으로 생성한 폴더에 아무것도 안 생길 때 해결방법

디자인 시스템

기타


Chingu Handbook - Git으로 협업하기

오류 모음

[Next.js] 로컬 폰트 적용하기

AngularJS


AngularJS 기본 개념과 To-Do 앱 만들기

Angular 튜토리얼(공식 가이드)