[프론트엔드] 목차
프론트엔드 개발 학습 시리즈1. 프론트엔드 개발 개요프론트엔드 개발이란?프론트엔드 개발의 정의와 역할프론트엔드와 백엔드의 차이프론트엔드와 백엔드의 주요 차이점과 협업 방식프론트엔드 아키텍처SPA, MPA, PWA의 개념과 차이점2. HTML 기초와 고급HTML 기본 문법HTML 문서 구조, 태그와 속성시맨틱 HTMLheader, footer, nav, section, article 등폼과 입력 요소폼 태그, 입력 필드, 버튼, 폼 속성멀티미디어 요소오디오, 비디오, 캔버스 요소3. CSS 기초와 고급CSS 기본 문법선택자, 속성-값 쌍, 외부 스타일시트레이아웃 기초박스 모델, 여백, 패딩, 테두리, 너비와 높이레이아웃 고급Flexbox, Grid 레이아웃반응형 디자인미디어 쿼리, 반응형 이미지와 비디오4..
2024. 6. 26.
[코딩 테스트] 목차
코딩 테스트 준비 시리즈1. 기본 문법과 자료구조변수와 데이터 타입변수 선언, 기본 데이터 타입 (정수, 실수, 문자열 등)조건문과 반복문if, else if, else, switch 문for, while, do-while 문함수함수 선언과 호출, 매개변수와 인수, 반환값배열배열 선언과 초기화, 배열 순회, 배열 메서드 (push, pop 등)문자열문자열 다루기, 문자열 메서드 (concat, slice, substring 등)객체객체 선언, 속성 접근, 메서드스택과 큐스택과 큐의 개념과 구현2. 알고리즘 기초정렬 알고리즘버블 정렬, 선택 정렬, 삽입 정렬, 병합 정렬, 퀵 정렬탐색 알고리즘선형 탐색, 이진 탐색재귀재귀 함수의 개념과 예제백트래킹백트래킹의 개념과 예제그래프와 트리그래프의 개념, DFS와 ..
2024. 6. 26.
[웹디자인] 목차
HTML과 CSS를 사용하여 웹 디자인을 학습하는 30일 과정을 제안합니다. 이 과정은 기초부터 심화 주제, 반응형 디자인 및 실전 프로젝트까지 포함하여 단계별로 학습할 수 있도록 구성했습니다. 웹 디자인 학습1. HTML 소개 및 기본 구조: HTML의 역사, 기본 문서 구조, 요소 및 속성2. 텍스트 관련 요소: 제목, 단락, 강조, 인용문3. 리스트와 테이블: 순서 있는 리스트, 순서 없는 리스트, 테이블 구조 및 속성4. 링크와 이미지: 하이퍼링크, 이미지 삽입 및 속성5. 폼과 입력 요소: 폼 태그, 입력 요소, 버튼, 폼 속성6. HTML5 시맨틱 요소: header, footer, nav, section, article, aside 등7. 멀티미디어 요소: 오디오, 비디오, 캔버스 요소8. ..
2024. 6. 21.
[JavaScript 문법] 목차
JavaScript 문법 학습 시리즈1. JavaScript 소개 및 설정JavaScript의 역사, 환경 설정, 첫 번째 스크립트 작성2. 변수와 데이터 타입var, let, const, 문자열, 숫자, 불리언, null, undefined3. 연산자와 표현식산술 연산자, 할당 연산자, 비교 연산자, 논리 연산자4. 조건문if, else if, else, switch 문5. 반복문for, while, do-while 문6. 함수 기초함수 선언, 함수 표현식, 매개변수와 인수7. 스코프와 클로저전역 스코프, 지역 스코프, 블록 스코프, 클로저8. 객체 기초객체 리터럴, 속성 접근, 메서드9. 객체의 프로토타입프로토타입 체인, 상속10. 배열 기초배열 선언, 배열 메서드 (push, pop, shift, ..
2024. 6. 21.