🔑A thousand theories are not worth one practical experience💡 API란 무엇인가?📃 API(Application Programming Interface)는 서로 다른 프로그램들이 상호작용할 수 있게 하는 인터페이스입니다. 쉽게 말해서, 레스토랑의 메뉴판과 같은 역할을 합니다. 손님(개발자)이 메뉴판(API)을 보고 주문(요청)을 하면, 주방(서버)에서 음식(데이터)을 만들어 제공하는 것과 같은 원리입니다. API를 통해 개발자들은 복잡한 기능을 직접 구현할 필요 없이, 이미 만들어진 기능을 쉽게 활용할 수 있습니다.💻CODE// API 요청의 기본 구조fetch('https://api.example.com/data', { method: 'GET', ..

🔑Writing Key Point in Posting💡 알고리즘 시간 복잡도: 왜 중요할까?📃 우리는 소프트웨어를 만들 때 속도가 중요한데, 그때 사용하는 개념이 바로 시간 복잡도입니다. 시간 복잡도는 프로그램이 얼마나 빨리 작동하는지, 즉 입력 데이터가 커지면 프로그램이 얼마나 오래 걸릴지를 알려주는 척도입니다💻O(n) & O( n² )// O(n)for(let i=0; i⬆️ 예를 들어, 우리가 처리해야 하는 데이터가 $ n $ 개라면, 시간 복잡도가 $$ O(n) $$  데이터가 두 배가 되면 처리 시간이 두 배로 늘어나고, $$ O(n^2) $$  데이터가 두 배가 되면 처리 시간이 네 배로 늘어납니다. 이처럼 알고리즘의 시간 복잡도는 우리가 다루는 데이터가 커질수록 얼마나 빨리 프로그램이..

🔑토끼와 거북이에서 "거북이"가 되자💡 클래스 컴포넌트 Class Component📃 클래스형 컴포넌트는 React에서 Component를 상속하여 정의된 컴포넌트입니다. 구조화된 객체 형태로 this를 통해 다양한 속성과 메서드를 사용할 수 있습니다.💻MyComponentClass.jsimport React, { Component } from 'react'class MyComponentClass extends Component { render() { console.log(this) // this는 컴포넌트 인스턴스를 가리킵니다 const { name, age } = this.props return ( 안녕하세요 제 이름은 {name}입니다 나..

🔑HTML은 웹페이지를 기술하기 위한 마크업 언어입니다.Content 내용 & Structure 구조사람의 신체로 비유하자면 뼈대라고 할 수 있습니다💡 그래서 뭐가 달라진거죠?📃 HTML5는 2014년 10월 28일 차세대 웹 표준으로 아래와 같은 기능들이 추가됐습니다1️⃣ 멀티미디어 기능의 혁신HTML5에서는 별다른 플러그인이 필요없이 비디오와 오디로를 직접 지원하는 와 태그가 추가되었습니다.2️⃣ 새로운 시맨틱 태그 도입 사이에는 문서의 제목, 외부 파일의 참조, 메타데이터의 설정 등이 위치합니다웹브라우저에 출력되는 모든 요소는 와 사이에 위치합니다 💻 CODE Hello World 안녕하세요! HTML5 💡 HTML5의 기본 문법📃 HTML 요소는 시작 태그와 종료 ..