시리즈

CodeStates

1.Day +1

Day +1

2023년 4월 11일

2.Day +2

🗣️ 웹 개발 이해 🗣️ HTML 기초 🧠 HTML 기본구조와 문법 🧠 자주 사용하는 HTML 요소 🧠 로그인 페이지 만들기 🧠 시멘틱 요소 🗣️ HTML 심화 ⚡class, id 표현법 👩‍💻 마무리

2023년 4월 12일

3.Day +3

🗣️ CSS 기초 🗣️ 박스 모델 ✍️박스의 특징 ✍️박스를 구성하는 요소 ✅border (테두리) ✅margin (바깥 여백) ✅padding (안쪽 여백) 🗣️ CSS Selector ✍️ 기본 셀렉터 ✅전체셀렉터 ✅태그 셀렉터 ✅id 셀렉터 ✅class 셀렉

2023년 4월 13일

4.Day +4

💡레이아웃 ⚡와이어프레임 🔥하드코딩이란? 🔥와이어프레임의 목적 ⚡화면을 나누는 방법 🔥HTML 구성하기 🔥레이아웃 리셋 💡Flexbox ⚡Flexbox 따라하기 - 1 🔥 부모 요소에 적용해야하는 Flexbox 속성들 ⚡Flexbox 따라하기 - 2 🔥자

2023년 4월 14일

5.Day +5

계산기목업

2023년 4월 17일

6.Day +6

1. 코드 기초 1-1. 자바스크립트 (JavaScript) 1-2. JavaScript 엔진이 코드 읽는 법 1-3. 주석 1-4. 값과 표현식 1-5. console.log() ⚡ 구구단 출력하기 2. 타입 2-1. Number 타입 ⚡ Math 내장 객체 2-2.

2023년 4월 18일

7.Day +7

1. 조건문 1-1. if문 ⚡ 동치연산자 (===) ⚡ 비교연산자(> , < , >= , <=) ⚡ 논리연산자(&&, ||) ⚡ 부정연산자(!) 1-2. else문 ⚡ 삼항 조건 연산자 2. 반복문 2-1. for문 2-2. 문자열과 반복문 ⚡ 인덱스(index)

2023년 4월 19일

8.Day +8

1. 반복문 1-1. 반복문과 조건문 1-2. 반복문의 중첩 1-3. while문 1-4. do…while문 ⚡ for문과 while문 2. 함수 2-1. 함수 정의 2-2. 함수 호출 2-3. 매개변수와 전달인자 2-4. return문

2023년 4월 20일

9.Day +9

1. 계산기 구현하기 1-1. 기본 계산 기능 구현하기 🔥 전체적인 form 1-2. 숫자 입력하기 1-3. 연산자 입력하기 1-4. 초기화 입력하기 1-5. 계산 결과 출력하기

2023년 4월 21일

10.Day +10

1. Command-Line Interface 1-1. CLI 명령어 1-2. 관리자 권한과 경로 1-3. 텍스트 에디터 nano 파일 열기 파일 편집 후 종료 파일 저장

2023년 4월 24일

11.Day +11

1. 배열 1-1. 배열로 할 수 있는 것들 .length .push .pop 1-2. 배열의 반복 1-3. 배열 메서드 Array.isArray push() pop() indexOf() includes()

2023년 4월 25일

12.Day +12

1. 객체 1-1. 객체의 값을 사용하는 방법 Dot notation Bracket notation Dot / Bracket notation dot / bracket notation 값 추가하기 dot / bracket notation 값 삭제하기 dot / brack

2023년 4월 26일

13.Day +13

1. 원시 자료형과 참조 자료형 2. 원시 자료형과 참조 자료형의 특징 2-1. 원시 자료형의 특징 2-2. 참조 자료형의 특징 1. 값 자체를 저장 vs 주소값을 저장 2. 원시 값 자체를 복사 vs 주소값을 복사 3. 변경 불가능한 값 vs 변경이 가능한 값

2023년 4월 27일

14.Day +14

1. spread/rest 문법 2. 구조 분해(destructing) 3. 화살표 함수(arrow function)

2023년 4월 28일

15.Day +15

👩‍💻 Koans. 1. Scope. 2. Primitive & Reference 3. Array 4. Object 5. Destructuring ⚡참조

2023년 5월 1일

16.Day +16

HTML과 DOM의 구조 DOM 다루기 CREATE APPEND READ 1. querySelector 2. querySelectorAll 3. getElementById, querySelector UPDATE DELETE

2023년 5월 2일

17.Day +17

이벤트 객체 Event.target Event.target으로 볼 수 있는 값 textContent id tagName className

2023년 5월 3일

18.Day +18

Local Git repository git init git add git status git commit commit은 어떻게 하는 게 좋을까? Remote Git repository 원격 Git 리포지토리란? 원격 Git 리포지토리 다루기

2023년 5월 4일

19.Day +19

마이아고라스테이츠 만들기

2023년 5월 8일

20.Day +20

면접질문 HTML CSS JavaScript DOM

2023년 5월 9일

21.Day +21

고차 함수 일급 객체 고차 함수의 이해 내장 고차 함수 내장 고차 함수 이해하기 filter( ) map( ) reduce( ) reduce의 색다른 사용법

2023년 5월 10일

22.Day +22

객체 지향 클로저 모듈 패턴 클로저를 이용해 매번 새로운 객체 생성하기 클래스와 인스턴스 클래스와 생성자 함수의 차이 new 키워드 ES5 클래스 작성 문법 ES6 클래스 작성 문법 객체 지향 프로그래밍 (Object Oriented Programming) 캡슐화

2023년 5월 11일

23.Day +23

프로토타입 프로토타입과 클래스 프로토타입 체인 DOM과 프로토타입

2023년 5월 12일

24.Beesbeesbees

객체지향 프로토타입 Grub Bee ForagerBee HoneyMakerBee

2023년 5월 28일

25.Day +24

Underbar take drop last each indexOf filter reject uniq map pluck reduce

2023년 5월 15일

26.Day +25

비동기 동기(synchronous) 비동기(asynchronous) JavaScript의 작동원리 타이머 관련 API setTimeout(callback, millisecond) clearTimeout(timerId) setInterval(callback, millis

2023년 5월 16일

27.Day +26

fetch API fetch를 이용한 네트워크 요청 fetch API Axios Axios 란? Fetch API vs Axios Axios 사용법 GET 요청 GET 요청 예시 POST 요청 POST 요청 예시

2023년 5월 17일

28.Day +27

React React의 3가지 특징 선언형 (Declarative) 컴포넌트 기반 (Component-Based) 범용성 (Learn Once, Write Anywhere) JSX 왜 JSX를 써야 할까? JSX 없이 React를 쓸 수 있을까? JSX 활용

2023년 5월 18일

29.Day +28

React SPA (Single Page Application) SPA의 등장 배경과 개념 전통적인 웹사이트의 한계와 단점 SPA의 등장 SPA의 등장배경과 개념 SPA의 장점 SPA의 단점 Wireframe React Router SPA & Routing

2023년 5월 19일

30.Day +29

React State & Props State Props vs. State 어떤것이 Props 또는 State에 적합할까? Props props의 특징 How to use props props.children State 애플리케이션의 "상태" State hook

2023년 5월 22일

31.Day +30

React State & Props 이벤트 처리 onChange onClick Controlled Component React 데이터 흐름

2023년 5월 23일

32.Day +31

웹 애플리케이션 아키텍처 클라이언트 - 서버 아키텍처 3-Tier 아키텍처 클라이언트와 서버 종류 클라이언트 - 서버 통신과 API 웹 애플리케이션 프로토콜 HTTP 주요 프로토콜 API (Application Programming Interface) HTTP API

2023년 5월 24일

33.Day +32

REST API REST API를 디자인하는 방법 REST 성숙도 모델 - 0단계 REST 성숙도 모델 - 1단계 REST 성숙도 모델 - 2단계 REST 성숙도 모델 - 3단계

2023년 5월 25일

34.Day +33

Open API API Key Postman GET 요청하기 Postman 화면 보기 POST 요청하기

2023년 5월 26일

35.Day +34

React 데이터 흐름 State 끌어올리기 (Lifting State Up) 역방향 데이터 흐름 추가

2023년 5월 30일

36.StatesAirline Client - Part 1

Part 1: 항공권 목록 필터링 Main 컴포넌트에서 항공편을 조회합니다 Search 컴포넌트를 통해 상태 끌어올리기를 학습합니다.

2023년 5월 30일

37.Day +35

Effect Hook Side Effect(부수 효과) Pure Function (순수 함수) React의 함수 컴포넌트 React 컴포넌트에서의 Side Effect Effect Hook 기본 useEffect Hook을 쓸 때 주의할 점 Effect Hook 조건부

2023년 5월 31일