BioPlayground

WetBench DryBench DevBench

학습 탐색기

DryBench

플랫폼

Bio-Lounge Lab Oracle Bio News Bio Industry Bio-Toolkit AI Tools Tools Hub Bio-Sandbox Failure Museum Healing Lab Trouble Lab 💬Lounge Talk 🔧Lab Maintenance Language Hub

3개의 Bench

WetBench DryBench DevBench

트랙과 문서

AI 네이티브15

바이오 통계33

데이터 처리17

풀스택 개발55

01HTML이란 무엇인가 02CSS 기본 — 선택자와 박스 모델 03JavaScript 변수와 데이터 타입 04JavaScript 제어문 — if, switch 05JavaScript 반복문과 배열 06JavaScript 함수와 객체 07Node.js란 — 런타임의 개념 08Node.js 파일 시스템 (fs 모듈)09동기 vs 비동기 — 콜백, Promise, async/await 10웹 보안 기초 — XSS와 경로 탐색 11데이터베이스란 무엇인가 12SQL 기초 — CREATE, SELECT, INSERT, UPDATE, DELETE 13관계형 데이터베이스 — JOIN과 정규화 14Node.js + MySQL 연동 15SQL 인젝션과 파라미터화된 쿼리 16코드 모듈화 — 파일 분리와 구조 정리 17Express.js — 라우팅과 CRUD 18미들웨어란 무엇인가 19정적 파일 서비스와 에러 처리 20쿠키란 무엇인가 — HTTP 상태 관리 21세션과 인증 — Express Session 22Passport.js — 인증 미들웨어 23다중 사용자 인증 구현 24OAuth 2.0 — 제3자 인증의 원리 25구글 로그인 구현 — Passport + OAuth 26Ajax란 — 비동기 웹 통신 27React 기초 — 컴포넌트와 Props 28let, var, const — 변수 선언의 차이 29DOM이란 — 문서 객체 모델 30expression vs statement 31삼항 연산자 — 조건을 한 줄로 32화살표 함수 (Arrow Function)33템플릿 리터럴 — 백틱과 변수 삽입 34옵셔널 체이닝 — ?. 연산자로 안전하게 접근 35Nullish 병합 — ?? 연산자의 정체 36Spread/Rest — ... 세 개의 점이 하는 일 37Short-circuit — &&와 ||의 숨겨진 동작 38for...of와 entries — 반복문의 현대적 패턴 39try-catch — 에러를 다루는 기본기 40이벤트 루프 — JavaScript가 비동기를 처리하는 방법 41import/export — 모듈 시스템의 핵심 42JSON — 데이터를 주고받는 공용어 43localStorage — 브라우저에 데이터 저장하기 44DOM 조작 — JavaScript로 화면 바꾸기 45fetch API — 서버와 데이터 주고받기 46useState — React 상태 관리의 시작 47useEffect — 사이드 이펙트와 생명주기 48Props — 컴포넌트에 데이터 전달하기 49조건부 렌더링 — 상황에 따라 다른 UI 50리스트와 key — 배열을 화면에 그리기 51Controlled vs Uncontrolled — 폼 입력 다루기 52Flexbox — 한 줄로 레이아웃 잡기 53CSS Grid — 2차원 레이아웃의 답 54반응형 디자인 — 모든 화면에 맞추기 55Git 브랜치와 머지 — 협업의 기본

개발 이야기1

BioPlayground 홈