이벤트 안내
안녕하세요 이정환입니다 😃
드디어 한 입 시리즈의 두번째 강의
**“한 입 크기로 잘라먹는 타입스크립트”**의 제작이 완료되었습니다.
이에 많은 분들이 부담 없는 낮은 가격에 구매하실 수 있도록
파격적인 사전 등록 이벤트를 약 일주일간 진행합니다.
신청자 전원께 50% 할인 쿠폰을 발급해 드리니 꼭 신청해주시면 감사하겠습니다.
![](https://ssl.gstatic.com/docs/spreadsheets/forms/favicon_qp2.png)
이벤트 상세 안내
- 강의는 인프런 독점으로 출시됩니다.
- 현재 인프런 검토중에 있으며 5월 22일 ~ 5월 24일 사이에 출시 됩니다.
- 신청자 전원께 50% 할인 쿠폰을 발급해 드립니다.
- 신청자 중 25명을 추첨하여 무료 할인 쿠폰을 발급해 드립니다.
- 신청 기간은 5월 21일(일) 자정까지 입니다.
강의 소개가 궁금하신 분들은 아래의 내용을 확인해주세요
강의 소개
![](/favicon.png)
![강의 소개 - 한 입 크기로 잘라먹는 타입스크립트링크의 썸네일 이미지](https://ts.winterlood.com/_next/static/media/thumbnail.4a986a85.png)
한 입 크기로 잘라먹는 시리즈의 2번째 강의
**“한 입 크기로 잘라먹는 타입스크립트”**는
배워도 배워도 자꾸만 헷갈리는 타입스크립트를 개념 이해와 함께 제대로 배워보는 강의입니다.
강의 소개 영상
플랫폼
- 인프런 독점 (5월 22일 ~ 25일 출시 예정)
- 사전 등록 이벤트 참가하기
수강 대상
- 자바스크립트 기본 문법에 익숙한 사람
- 타입스크립트를 배워보려 하는 사람
- 이미 타입스크립트를 배워보았지만 아직 헷갈리는 부분이 많은 사람
커리큘럼
한 입 크기로 잘라먹는 타입스크립트는 총 11개의 섹션으로 이루어져 있습니다.
- 총 60개의 수업
- 전체 플레이 타임 : 10시간 30분
🌱 Section 1. 타입스크립트 개론
기술을 잘 이해하려면 그것이 어떤 배경에서 탄생했는지 알 필요가 있습니다.
1섹션 에서는 타입스크립트의 탄생 배경을 살펴보며 타입스크립트가 해결하고자 했던 문제가 무엇이고
타입스크립트가 어떤 특징을 가지고 있는지 자세히 살펴봅니다.
![](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fwinterlood%2Fimage%2Fupload%2Fv1703662033%2Fblog%2Fpost%2F%25EC%2582%25AC%25EC%25A0%2584%2520%25EB%2593%25B1%25EB%25A1%259D%2520%25EC%259D%25B4%25EB%25B2%25A4%25ED%258A%25B8%2520-%2520%25ED%2595%259C%2520%25EC%259E%2585%2520%25ED%2581%25AC%25EA%25B8%25B0%25EB%25A1%259C%2520%25EC%259E%2598%25EB%259D%25BC%25EB%25A8%25B9%25EB%258A%2594%2520%25ED%2583%2580%25EC%259E%2585%25EC%258A%25A4%25ED%2581%25AC%25EB%25A6%25BD%25ED%258A%25B8%2Ffile_jsqxrc.webp&w=3840&q=75)
![](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fwinterlood%2Fimage%2Fupload%2Fv1703662040%2Fblog%2Fpost%2F%25EC%2582%25AC%25EC%25A0%2584%2520%25EB%2593%25B1%25EB%25A1%259D%2520%25EC%259D%25B4%25EB%25B2%25A4%25ED%258A%25B8%2520-%2520%25ED%2595%259C%2520%25EC%259E%2585%2520%25ED%2581%25AC%25EA%25B8%25B0%25EB%25A1%259C%2520%25EC%259E%2598%25EB%259D%25BC%25EB%25A8%25B9%25EB%258A%2594%2520%25ED%2583%2580%25EC%259E%2585%25EC%258A%25A4%25ED%2581%25AC%25EB%25A6%25BD%25ED%258A%25B8%2Ffile_nbdds9.webp&w=3840&q=75)
![](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fwinterlood%2Fimage%2Fupload%2Fv1703662045%2Fblog%2Fpost%2F%25EC%2582%25AC%25EC%25A0%2584%2520%25EB%2593%25B1%25EB%25A1%259D%2520%25EC%259D%25B4%25EB%25B2%25A4%25ED%258A%25B8%2520-%2520%25ED%2595%259C%2520%25EC%259E%2585%2520%25ED%2581%25AC%25EA%25B8%25B0%25EB%25A1%259C%2520%25EC%259E%2598%25EB%259D%25BC%25EB%25A8%25B9%25EB%258A%2594%2520%25ED%2583%2580%25EC%259E%2585%25EC%258A%25A4%25ED%2581%25AC%25EB%25A6%25BD%25ED%258A%25B8%2Ffile_uw2nai.webp&w=3840&q=75)
![](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fwinterlood%2Fimage%2Fupload%2Fv1703662050%2Fblog%2Fpost%2F%25EC%2582%25AC%25EC%25A0%2584%2520%25EB%2593%25B1%25EB%25A1%259D%2520%25EC%259D%25B4%25EB%25B2%25A4%25ED%258A%25B8%2520-%2520%25ED%2595%259C%2520%25EC%259E%2585%2520%25ED%2581%25AC%25EA%25B8%25B0%25EB%25A1%259C%2520%25EC%259E%2598%25EB%259D%25BC%25EB%25A8%25B9%25EB%258A%2594%2520%25ED%2583%2580%25EC%259E%2585%25EC%258A%25A4%25ED%2581%25AC%25EB%25A6%25BD%25ED%258A%25B8%2Ffile_bnfz6u.webp&w=3840&q=75)
🌱 Section 2 ~ 3. 타입스크립트 기초 다지기
가장 기본적인 타입스크립트의 문법을 살펴봅니다.
동시에 타입스크립트가 말하는 타입이란 정확히 무엇인지
그리고 타입들이 서로 어떤 관계를 맺고 어떻게 상호작용하는지 살펴봅니다.
![](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fwinterlood%2Fimage%2Fupload%2Fv1703662055%2Fblog%2Fpost%2F%25EC%2582%25AC%25EC%25A0%2584%2520%25EB%2593%25B1%25EB%25A1%259D%2520%25EC%259D%25B4%25EB%25B2%25A4%25ED%258A%25B8%2520-%2520%25ED%2595%259C%2520%25EC%259E%2585%2520%25ED%2581%25AC%25EA%25B8%25B0%25EB%25A1%259C%2520%25EC%259E%2598%25EB%259D%25BC%25EB%25A8%25B9%25EB%258A%2594%2520%25ED%2583%2580%25EC%259E%2585%25EC%258A%25A4%25ED%2581%25AC%25EB%25A6%25BD%25ED%258A%25B8%2Ffile_sxsm9s.webp&w=3840&q=75)
![](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fwinterlood%2Fimage%2Fupload%2Fv1703662060%2Fblog%2Fpost%2F%25EC%2582%25AC%25EC%25A0%2584%2520%25EB%2593%25B1%25EB%25A1%259D%2520%25EC%259D%25B4%25EB%25B2%25A4%25ED%258A%25B8%2520-%2520%25ED%2595%259C%2520%25EC%259E%2585%2520%25ED%2581%25AC%25EA%25B8%25B0%25EB%25A1%259C%2520%25EC%259E%2598%25EB%259D%25BC%25EB%25A8%25B9%25EB%258A%2594%2520%25ED%2583%2580%25EC%259E%2585%25EC%258A%25A4%25ED%2581%25AC%25EB%25A6%25BD%25ED%258A%25B8%2Ffile_zujj50.webp&w=3840&q=75)
![](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fwinterlood%2Fimage%2Fupload%2Fv1703662065%2Fblog%2Fpost%2F%25EC%2582%25AC%25EC%25A0%2584%2520%25EB%2593%25B1%25EB%25A1%259D%2520%25EC%259D%25B4%25EB%25B2%25A4%25ED%258A%25B8%2520-%2520%25ED%2595%259C%2520%25EC%259E%2585%2520%25ED%2581%25AC%25EA%25B8%25B0%25EB%25A1%259C%2520%25EC%259E%2598%25EB%259D%25BC%25EB%25A8%25B9%25EB%258A%2594%2520%25ED%2583%2580%25EC%259E%2585%25EC%258A%25A4%25ED%2581%25AC%25EB%25A6%25BD%25ED%258A%25B8%2Ffile_wuuowr.webp&w=3840&q=75)
![](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fwinterlood%2Fimage%2Fupload%2Fv1703662069%2Fblog%2Fpost%2F%25EC%2582%25AC%25EC%25A0%2584%2520%25EB%2593%25B1%25EB%25A1%259D%2520%25EC%259D%25B4%25EB%25B2%25A4%25ED%258A%25B8%2520-%2520%25ED%2595%259C%2520%25EC%259E%2585%2520%25ED%2581%25AC%25EA%25B8%25B0%25EB%25A1%259C%2520%25EC%259E%2598%25EB%259D%25BC%25EB%25A8%25B9%25EB%258A%2594%2520%25ED%2583%2580%25EC%259E%2585%25EC%258A%25A4%25ED%2581%25AC%25EB%25A6%25BD%25ED%258A%25B8%2Ffile_rmsajo.webp&w=3840&q=75)
🌱 Section 4 ~ 6. 다양한 타입스크립트 문법 살펴보기
함수 타입 정의, 함수 오버로딩, 인터페이스, 클래스 등
타입스크립트의 다양한 기능과 문법을 살펴봅니다.
![](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fwinterlood%2Fimage%2Fupload%2Fv1703662074%2Fblog%2Fpost%2F%25EC%2582%25AC%25EC%25A0%2584%2520%25EB%2593%25B1%25EB%25A1%259D%2520%25EC%259D%25B4%25EB%25B2%25A4%25ED%258A%25B8%2520-%2520%25ED%2595%259C%2520%25EC%259E%2585%2520%25ED%2581%25AC%25EA%25B8%25B0%25EB%25A1%259C%2520%25EC%259E%2598%25EB%259D%25BC%25EB%25A8%25B9%25EB%258A%2594%2520%25ED%2583%2580%25EC%259E%2585%25EC%258A%25A4%25ED%2581%25AC%25EB%25A6%25BD%25ED%258A%25B8%2Ffile_ttpms4.webp&w=3840&q=75)
🌱 Section 7 ~ 9. 마법사 처럼 타입을 직접 조작하기
타입스크립트의 가장 독특하면서도 강력한 기능인 타입 조작 기능에 대해 살펴봅니다.
제네릭, 인덱스드 엑세스 타입, 맵드 타입, Keyof 연산자, 조건부 타입 등
아주 다양한 타입스크립트의 타입 조작 문법을 살펴봅니다.
![](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fwinterlood%2Fimage%2Fupload%2Fv1703662084%2Fblog%2Fpost%2F%25EC%2582%25AC%25EC%25A0%2584%2520%25EB%2593%25B1%25EB%25A1%259D%2520%25EC%259D%25B4%25EB%25B2%25A4%25ED%258A%25B8%2520-%2520%25ED%2595%259C%2520%25EC%259E%2585%2520%25ED%2581%25AC%25EA%25B8%25B0%25EB%25A1%259C%2520%25EC%259E%2598%25EB%259D%25BC%25EB%25A8%25B9%25EB%258A%2594%2520%25ED%2583%2580%25EC%259E%2585%25EC%258A%25A4%25ED%2581%25AC%25EB%25A6%25BD%25ED%258A%25B8%2Ffile_uk1d5b.webp&w=3840&q=75)
![](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fwinterlood%2Fimage%2Fupload%2Fv1703662090%2Fblog%2Fpost%2F%25EC%2582%25AC%25EC%25A0%2584%2520%25EB%2593%25B1%25EB%25A1%259D%2520%25EC%259D%25B4%25EB%25B2%25A4%25ED%258A%25B8%2520-%2520%25ED%2595%259C%2520%25EC%259E%2585%2520%25ED%2581%25AC%25EA%25B8%25B0%25EB%25A1%259C%2520%25EC%259E%2598%25EB%259D%25BC%25EB%25A8%25B9%25EB%258A%2594%2520%25ED%2583%2580%25EC%259E%2585%25EC%258A%25A4%25ED%2581%25AC%25EB%25A6%25BD%25ED%258A%25B8%2Ffile_g3q2qo.webp&w=3840&q=75)
![](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fwinterlood%2Fimage%2Fupload%2Fv1703662094%2Fblog%2Fpost%2F%25EC%2582%25AC%25EC%25A0%2584%2520%25EB%2593%25B1%25EB%25A1%259D%2520%25EC%259D%25B4%25EB%25B2%25A4%25ED%258A%25B8%2520-%2520%25ED%2595%259C%2520%25EC%259E%2585%2520%25ED%2581%25AC%25EA%25B8%25B0%25EB%25A1%259C%2520%25EC%259E%2598%25EB%259D%25BC%25EB%25A8%25B9%25EB%258A%2594%2520%25ED%2583%2580%25EC%259E%2585%25EC%258A%25A4%25ED%2581%25AC%25EB%25A6%25BD%25ED%258A%25B8%2Ffile_u7wcu6.webp&w=3840&q=75)
![](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fwinterlood%2Fimage%2Fupload%2Fv1703662098%2Fblog%2Fpost%2F%25EC%2582%25AC%25EC%25A0%2584%2520%25EB%2593%25B1%25EB%25A1%259D%2520%25EC%259D%25B4%25EB%25B2%25A4%25ED%258A%25B8%2520-%2520%25ED%2595%259C%2520%25EC%259E%2585%2520%25ED%2581%25AC%25EA%25B8%25B0%25EB%25A1%259C%2520%25EC%259E%2598%25EB%259D%25BC%25EB%25A8%25B9%25EB%258A%2594%2520%25ED%2583%2580%25EC%259E%2585%25EC%258A%25A4%25ED%2581%25AC%25EB%25A6%25BD%25ED%258A%25B8%2Ffile_lda6l2.webp&w=3840&q=75)
🌱 Section 10. 유틸리티 타입 이용하기
타입스크립트가 기본적으로 제공하는 여러가지 유틸리티 타입들에 대해 살펴봅니다.
유틸리티 타입을 지금까지 배운 지식을 이용해 직접 구현 해봅니다.
![](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fwinterlood%2Fimage%2Fupload%2Fv1703662101%2Fblog%2Fpost%2F%25EC%2582%25AC%25EC%25A0%2584%2520%25EB%2593%25B1%25EB%25A1%259D%2520%25EC%259D%25B4%25EB%25B2%25A4%25ED%258A%25B8%2520-%2520%25ED%2595%259C%2520%25EC%259E%2585%2520%25ED%2581%25AC%25EA%25B8%25B0%25EB%25A1%259C%2520%25EC%259E%2598%25EB%259D%25BC%25EB%25A8%25B9%25EB%258A%2594%2520%25ED%2583%2580%25EC%259E%2585%25EC%258A%25A4%25ED%2581%25AC%25EB%25A6%25BD%25ED%258A%25B8%2Ffile_lsiopc.webp&w=3840&q=75)
![](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fwinterlood%2Fimage%2Fupload%2Fv1703662106%2Fblog%2Fpost%2F%25EC%2582%25AC%25EC%25A0%2584%2520%25EB%2593%25B1%25EB%25A1%259D%2520%25EC%259D%25B4%25EB%25B2%25A4%25ED%258A%25B8%2520-%2520%25ED%2595%259C%2520%25EC%259E%2585%2520%25ED%2581%25AC%25EA%25B8%25B0%25EB%25A1%259C%2520%25EC%259E%2598%25EB%259D%25BC%25EB%25A8%25B9%25EB%258A%2594%2520%25ED%2583%2580%25EC%259E%2585%25EC%258A%25A4%25ED%2581%25AC%25EB%25A6%25BD%25ED%258A%25B8%2Ffile_zfx8j2.webp&w=3840&q=75)
![](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fwinterlood%2Fimage%2Fupload%2Fv1703662109%2Fblog%2Fpost%2F%25EC%2582%25AC%25EC%25A0%2584%2520%25EB%2593%25B1%25EB%25A1%259D%2520%25EC%259D%25B4%25EB%25B2%25A4%25ED%258A%25B8%2520-%2520%25ED%2595%259C%2520%25EC%259E%2585%2520%25ED%2581%25AC%25EA%25B8%25B0%25EB%25A1%259C%2520%25EC%259E%2598%25EB%259D%25BC%25EB%25A8%25B9%25EB%258A%2594%2520%25ED%2583%2580%25EC%259E%2585%25EC%258A%25A4%25ED%2581%25AC%25EB%25A6%25BD%25ED%258A%25B8%2Ffile_ix1vor.webp&w=3840&q=75)
![](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fwinterlood%2Fimage%2Fupload%2Fv1703662112%2Fblog%2Fpost%2F%25EC%2582%25AC%25EC%25A0%2584%2520%25EB%2593%25B1%25EB%25A1%259D%2520%25EC%259D%25B4%25EB%25B2%25A4%25ED%258A%25B8%2520-%2520%25ED%2595%259C%2520%25EC%259E%2585%2520%25ED%2581%25AC%25EA%25B8%25B0%25EB%25A1%259C%2520%25EC%259E%2598%25EB%259D%25BC%25EB%25A8%25B9%25EB%258A%2594%2520%25ED%2583%2580%25EC%259E%2585%25EC%258A%25A4%25ED%2581%25AC%25EB%25A6%25BD%25ED%258A%25B8%2Ffile_kmdljr.webp&w=3840&q=75)
🌱 Section 11. 리액트에서 타입스크립트 사용하기(보너스)
이대로 끝나면 아쉽죠? 그래서 보너스 섹션으로 준비했습니다.
아주 간단한 투두 리스트를 함께 만들어보며
리액트 프로젝트에 타입스크립트를 적용하는 방법에 대해 살펴봅니다.
![](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fwinterlood%2Fimage%2Fupload%2Fv1703662115%2Fblog%2Fpost%2F%25EC%2582%25AC%25EC%25A0%2584%2520%25EB%2593%25B1%25EB%25A1%259D%2520%25EC%259D%25B4%25EB%25B2%25A4%25ED%258A%25B8%2520-%2520%25ED%2595%259C%2520%25EC%259E%2585%2520%25ED%2581%25AC%25EA%25B8%25B0%25EB%25A1%259C%2520%25EC%259E%2598%25EB%259D%25BC%25EB%25A8%25B9%25EB%258A%2594%2520%25ED%2583%2580%25EC%259E%2585%25EC%258A%25A4%25ED%2581%25AC%25EB%25A6%25BD%25ED%258A%25B8%2Ffile_nbulyz.webp&w=3840&q=75)
이 강의의 특징
🎨 언제나 어디서나
시각 자료에 진심인 편
깔끔하고, 이쁘고, 멋진 시각자료로 학습하면
집중도 더 잘 되고 기억에도 더 오래 남을 거라고 믿어요
모두 직접 만든 이미지들이라 캡쳐해서 블로그 포스팅에 이용하셔도 됩니다 😃
![](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fwinterlood%2Fimage%2Fupload%2Fv1703662118%2Fblog%2Fpost%2F%25EC%2582%25AC%25EC%25A0%2584%2520%25EB%2593%25B1%25EB%25A1%259D%2520%25EC%259D%25B4%25EB%25B2%25A4%25ED%258A%25B8%2520-%2520%25ED%2595%259C%2520%25EC%259E%2585%2520%25ED%2581%25AC%25EA%25B8%25B0%25EB%25A1%259C%2520%25EC%259E%2598%25EB%259D%25BC%25EB%25A8%25B9%25EB%258A%2594%2520%25ED%2583%2580%25EC%259E%2585%25EC%258A%25A4%25ED%2581%25AC%25EB%25A6%25BD%25ED%258A%25B8%2Ffile_kckltg.webp&w=3840&q=75)
![](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fwinterlood%2Fimage%2Fupload%2Fv1703662123%2Fblog%2Fpost%2F%25EC%2582%25AC%25EC%25A0%2584%2520%25EB%2593%25B1%25EB%25A1%259D%2520%25EC%259D%25B4%25EB%25B2%25A4%25ED%258A%25B8%2520-%2520%25ED%2595%259C%2520%25EC%259E%2585%2520%25ED%2581%25AC%25EA%25B8%25B0%25EB%25A1%259C%2520%25EC%259E%2598%25EB%259D%25BC%25EB%25A8%25B9%25EB%258A%2594%2520%25ED%2583%2580%25EC%259E%2585%25EC%258A%25A4%25ED%2581%25AC%25EB%25A6%25BD%25ED%258A%25B8%2Ffile_vnxsrt.webp&w=3840&q=75)
![](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fwinterlood%2Fimage%2Fupload%2Fv1703662130%2Fblog%2Fpost%2F%25EC%2582%25AC%25EC%25A0%2584%2520%25EB%2593%25B1%25EB%25A1%259D%2520%25EC%259D%25B4%25EB%25B2%25A4%25ED%258A%25B8%2520-%2520%25ED%2595%259C%2520%25EC%259E%2585%2520%25ED%2581%25AC%25EA%25B8%25B0%25EB%25A1%259C%2520%25EC%259E%2598%25EB%259D%25BC%25EB%25A8%25B9%25EB%258A%2594%2520%25ED%2583%2580%25EC%259E%2585%25EC%258A%25A4%25ED%2581%25AC%25EB%25A6%25BD%25ED%258A%25B8%2Ffile_jtyx2z.webp&w=3840&q=75)
![](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fwinterlood%2Fimage%2Fupload%2Fv1703662134%2Fblog%2Fpost%2F%25EC%2582%25AC%25EC%25A0%2584%2520%25EB%2593%25B1%25EB%25A1%259D%2520%25EC%259D%25B4%25EB%25B2%25A4%25ED%258A%25B8%2520-%2520%25ED%2595%259C%2520%25EC%259E%2585%2520%25ED%2581%25AC%25EA%25B8%25B0%25EB%25A1%259C%2520%25EC%259E%2598%25EB%259D%25BC%25EB%25A8%25B9%25EB%258A%2594%2520%25ED%2583%2580%25EC%259E%2585%25EC%258A%25A4%25ED%2581%25AC%25EB%25A6%25BD%25ED%258A%25B8%2Ffile_xm2lja.webp&w=3840&q=75)
**🖌️ 태블릿 판서와 함께
시각적으로 학습**
더 쉽고 빠르게 이해하는데에는 역시 시각적인 자료가 최고죠?
그래서 이 강의 촬영을 위해 판서용 태블릿을 구매했어요
판서와 함께 타입스크립트 제대로 파헤쳐 봅니다.
![](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fwinterlood%2Fimage%2Fupload%2Fv1703662137%2Fblog%2Fpost%2F%25EC%2582%25AC%25EC%25A0%2584%2520%25EB%2593%25B1%25EB%25A1%259D%2520%25EC%259D%25B4%25EB%25B2%25A4%25ED%258A%25B8%2520-%2520%25ED%2595%259C%2520%25EC%259E%2585%2520%25ED%2581%25AC%25EA%25B8%25B0%25EB%25A1%259C%2520%25EC%259E%2598%25EB%259D%25BC%25EB%25A8%25B9%25EB%258A%2594%2520%25ED%2583%2580%25EC%259E%2585%25EC%258A%25A4%25ED%2581%25AC%25EB%25A6%25BD%25ED%258A%25B8%2Ffile_gzkura.webp&w=3840&q=75)
**🗄️ 실습 코드는 섹션별로
깔끔하게 정리합니다.**
애써 작성한 실습 코드들을 아무렇게나 보관하면 아쉽죠?
언제든 다시 돌아볼 수 있도록 코드를 섹션별로 잘 나누어 보관할 수 있도록 신경썼어요
![](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fwinterlood%2Fimage%2Fupload%2Fv1703662141%2Fblog%2Fpost%2F%25EC%2582%25AC%25EC%25A0%2584%2520%25EB%2593%25B1%25EB%25A1%259D%2520%25EC%259D%25B4%25EB%25B2%25A4%25ED%258A%25B8%2520-%2520%25ED%2595%259C%2520%25EC%259E%2585%2520%25ED%2581%25AC%25EA%25B8%25B0%25EB%25A1%259C%2520%25EC%259E%2598%25EB%259D%25BC%25EB%25A8%25B9%25EB%258A%2594%2520%25ED%2583%2580%25EC%259E%2585%25EC%258A%25A4%25ED%2581%25AC%25EB%25A6%25BD%25ED%258A%25B8%2Ffile_tgbhmp.webp&w=3840&q=75)