#웹개발
27개의 글
-
TypeScript 독학 가이드 1 - TypeScript 소개
TypeScript가 무엇인지, 왜 필요한지, JavaScript와 어떻게 다른지 알아봅니다. 타입 시스템의 장점부터 실무 활용까지 한눈에 정리했습니다.
-
TypeScript 독학 가이드 5 - 인터페이스
TypeScript 인터페이스로 객체 타입을 정의하는 방법을 배웁니다. 선택적 속성, 읽기 전용 속성, 인터페이스 확장까지 실전 예제와 함께 익혀봅니다.
-
TypeScript 독학 가이드 4 - 함수와 타입
TypeScript에서 함수를 타입 안전하게 작성하는 방법을 배웁니다. 매개변수 타입, 반환 타입, 선택적 매개변수, 함수 오버로딩까지 실전 예제로 익혀봅니다.
-
TypeScript 독학 가이드 3 - 기본 타입
TypeScript의 기본 타입인 number, string, boolean부터 array, tuple, enum, any, unknown까지. 실제 예제로 배우는 타입 시스템의 기초입니다.
-
TypeScript 독학 가이드 6 - 클래스
TypeScript 클래스의 기본 문법부터 접근 제한자, 생성자, getter/setter, 상속, 추상 클래스까지. 객체 지향 프로그래밍의 핵심을 배웁니다.
-
TypeScript 독학 가이드 7 - 타입 별칭과 유니온 타입
type 키워드로 타입 별칭을 만들고, 유니온 타입과 인터섹션 타입으로 유연한 타입 시스템을 구축하는 방법을 배웁니다. 리터럴 타입까지 한번에 정리합니다.
-
TypeScript 독학 가이드 9 - 유틸리티 타입
TypeScript 내장 유틸리티 타입인 Partial, Required, Readonly, Pick, Omit, Record 등을 실전 예제로 배웁니다. 타입 변환을 쉽게 하는 강력한 도구들입니다.
-
TypeScript 독학 가이드 10 - 실전 프로젝트
TypeScript로 Todo 앱을 만들며 실전 개발 경험을 쌓습니다. React + TypeScript 시작하기, 타입 안전성 체크, 모범 사례까지 한번에 정리합니다.
-
TypeScript 독학 가이드 8 - 제네릭
TypeScript 제네릭으로 재사용 가능한 타입 안전한 코드를 작성하는 방법을 배웁니다. 제네릭 함수, 인터페이스, 클래스, 제약조건까지 실전 예제로 익혀봅니다.
-
HTML 독학 가이드 1 - 소개 및 시작하기
HTML이 무엇인지, 웹 페이지가 어떻게 만들어지는지 배우고, 첫 HTML 문서를 직접 작성해봅니다.
-
HTML 독학 가이드 2 - 기본 태그와 문서 구조
제목, 문단, 줄바꿈 등 가장 많이 쓰이는 HTML 기본 태그를 배우고 올바른 문서 구조를 익힙니다.
-
HTML 독학 가이드 3 - 텍스트와 링크
a 태그로 링크를 만들고, 텍스트 서식을 다양하게 활용하여 풍부한 콘텐츠를 작성하는 방법을 배웁니다.
-
HTML 독학 가이드 6 - 폼과 입력 요소
form, input, button, select 등 사용자 입력을 받는 다양한 폼 요소를 배우고 실전 예제로 회원가입 양식을 만듭니다.
-
HTML 독학 가이드 5 - 리스트와 테이블
순서 없는 목록, 순서 있는 목록, 정의 목록을 만들고 table 태그로 데이터를 표 형태로 정리하는 방법을 배웁니다.
-
HTML 독학 가이드 7 - 시맨틱 태그
header, nav, article, section, aside, footer 등 의미 있는 HTML5 시맨틱 태그로 웹 페이지를 구조화하고 접근성을 높이는 방법을 배웁니다.
-
HTML 독학 가이드 8 - 레이아웃 구성
HTML 시맨틱 태그와 간단한 CSS를 활용하여 실제 웹사이트처럼 헤더, 사이드바, 메인 콘텐츠, 푸터를 배치하는 방법을 배웁니다.
-
HTML 독학 가이드 10 - 실전 웹페이지 만들기
지금까지 배운 HTML 태그들을 총동원하여 포트폴리오, 블로그, 쇼핑몰 등 실제 웹페이지를 처음부터 끝까지 만들어봅니다.
-
JavaScript 독학 가이드 1 - 소개 및 시작하기
JavaScript가 무엇인지, 왜 배워야 하는지부터 개발 환경 설정까지. 비전공자도 쉽게 따라할 수 있는 JavaScript 첫걸음을 시작합니다.
-
JavaScript 독학 가이드 7 - DOM 조작 기초
JavaScript로 HTML 요소를 찾고, 내용을 변경하고, 스타일을 수정하는 DOM 조작의 기초를 배웁니다.
-
JavaScript 독학 가이드 8 - 이벤트 처리
클릭, 입력, 마우스 움직임 등 사용자 동작에 반응하는 이벤트 리스너를 배우고, 실전 예제로 인터랙티브한 웹사이트를 만듭니다.
-
React 독학 가이드 4 - 컴포넌트 완벽 이해하기
React의 핵심인 컴포넌트를 자세히 알아봅니다. 함수형 컴포넌트 작성법부터 컴포넌트 분리까지 실습과 함께 배워봅니다.
-
React 독학 가이드 3 - JSX로 UI 표현하기
React에서 UI를 작성하는 JSX 문법을 배웁니다. JavaScript 안에서 HTML처럼 쓰는 방법과 주의할 점들을 정리했습니다.
-
React 독학 가이드 1 - React 소개
React가 무엇인지, 왜 전 세계 개발자들이 React를 선택하는지 알아봅니다. React의 핵심 개념과 장점을 쉽게 설명합니다.
-
React 독학 가이드 5 - Props 완벽 가이드
React에서 부모 컴포넌트가 자식 컴포넌트에게 데이터를 전달하는 Props에 대해 배웁니다. 실전 예제와 함께 Props 사용법을 익혀봅시다.
-
비개발자도 30분만에 만드는 Astro 블로그
코딩 경험 없어도 괜찮아요. 복사 붙여넣기만 할 줄 알면 나만의 블로그를 만들 수 있습니다.
-
HTML 독학 완전 정복 - 2025년 무료 강의 추천 TOP 3
코딩 입문자를 위한 HTML 무료 학습 사이트와 강의를 소개합니다. 직접 수강한 경험을 바탕으로 추천드려요.
-
JavaScript 독학 로드맵 - 2025년 무료 강의로 진짜 개발자 되기
HTML, CSS 다음 단계! JavaScript 무료 학습 자료와 실전 프로젝트 아이디어를 정리했습니다.