DevBench 홈
Track A-2: Web Development
바이오 웹 개발
HTML부터 React까지. 실험 프로토콜 웹페이지, 바이오 대시보드를 만듭니다.
01
HTML/CSS로 실험 프로토콜 웹페이지 만들기
프로토콜 · 실험 문서화 · HTML · CSS · 웹페이지
입문75분
02
JavaScript로 실험 데이터 다루기
자바스크립트 · 변수 · 조건문 · 반복문 · 함수 · 실험 데이터 처리
입문90분
03
Node.js로 실험 데이터 파일 다루기
Node.js · 런타임 · 파일 시스템 · 모듈 · 동기와 비동기 · 콜백
입문60분
04
fetch API로 실험 데이터 가져오기
Ajax · fetch API · 비동기 통신 · JSON · SPA · 서버 통신
입문75분
05
Express로 실험 데이터 서버 만들기
Express · Node.js · 서버 · 라우팅 · 미들웨어 · REST API
입문60분
06
데이터베이스로 실험 데이터 영구 저장하기
데이터베이스 · SQL · 테이블 · CRUD · 관계형 데이터베이스 · MySQL
입문60분
07
Express 서버에 데이터베이스 연결하기
Node.js · MySQL · 데이터베이스 연동 · SQL 쿼리 · CRUD API · REST API
입문60분
08
React로 실험 대시보드 만들기
React · 컴포넌트 · Props · State · JSX · UI 프레임워크
입문75분
09
쿠키와 세션으로 로그인 이해하기
쿠키 · 세션 · 인증 · 로그인 · HTTP · 개인화
입문45분
10
브라우저 개발자 도구로 디버깅하기
DevTools · 디버깅 · Console · Elements · Network · 에러 추적
입문45분
11
실험실 전용 로그인 시스템 만들기
로그인 · Passport.js · OAuth · 회원가입 · 권한 관리 · 소셜 로그인
중급60분