Binnie 위키/주제

웹 프론트엔드 — 핵심 정리

노트 226장 기반 · 갱신 2026.09.15

HTML/CSS/JS 기반의 클라이언트 개발 지식과 대학 수업·프로젝트 경험을 정리한 노트 요약.

근거 노트 226장

웹프 중간고사 2024 / Univ. / 2024-1 / 웹프심화 / 웹프 중간고사 2024
정규 26일차 / 02.262026 / 1/2월 / 정규 26일차 / 02.262026
03122024 / Univ. / 2024-1 / 웹프심화 / 03122024
05272026 / 5월 / 05272026
03262024 / Univ. / 2024-1 / 웹프심화 / 03262024
웹프로그래밍 수업 필기2024 / Univ. / 2024-2 / 웹프로그래밍 수업 필기2024
Google 로그인 또는 회원가입Forde / Public API / API 명세서 (1) / Google 로그인 또는 회원가입
태그할 유저 닉네임 검색하기Forde / Public API / API 명세서 (1) / 태그할 유저 닉네임 검색하기
와이어 프레임카카오해커톤 / 회의록 / 회의록 / 와이어프레임 분배 / 와이어 프레임
웹프심화2024 / Univ. / 2024-1 / 웹프심화2024
웹프2024 / Univ. / 2024-2 / 중간고사 / 웹프2024
웹프 정리2024 / Univ. / 2024-2 / 기말고사 / 웹프 정리2024
10242025 / 수업2 / 스프링 / 10242025
04022024 / Univ. / 2024-1 / 웹프심화 / 04022024
05142024 / Univ. / 2024-1 / 웹프심화 / 05142024
0504 ( 결석 )2026 / 5월 / 0504 ( 결석 )2026
11222024 / Univ. / 2024-2 / Spring 통합 / 11222024
12032024 / Univ. / 2024-2 / 웹프로그래밍 수업 필기 / 12032024
05072024 / Univ. / 2024-1 / 웹프심화 / 05072024
실전 개발 RNF2023 / 실전 개발 RNF2023
서영카카오해커톤 / 회의록 / 기능 고도화 / 서영
05282026 / 5월 / 05282026
웹프 중간 픽2024 / Univ. / 2024-1 / 웹프심화 / 웹프 중간 픽2024
React Native 정리2023 / React Native 정리2023
3월 4일2026 / 3월 / 3월 4일2026
웹프 요약 정리2024 / Univ. / 2024-2 / 중간고사 / 웹프 요약 정리2024
12052025 / 수업2 / 스프링 / 12052025
1주차2022 / Project : Carry / 회의 및 회의록 / 1주차2022
06042024 / Univ. / 2024-1 / 웹프심화 / 06042024
검색 결과 가져오기Forde / Public API / API 명세서 (1) / 검색 결과 가져오기
태그로 게시글 검색Forde / Public API / API 명세서 (1) / 태그로 게시글 검색
채팅 조회2026 / 3월 / Be’ SSAFY / API 명세서 / API 명세서 (1) / 채팅 조회2026
인기 있는 태그 가져오기Forde / Public API / API 명세서 (1) / 인기 있는 태그 가져오기
태그 검색Forde / Public API / API 명세서 (1) / 태그 검색
IntroView 인트로 화면The All New Globa / 글로바 Android / IntroView 인트로 화면
채팅 추가2026 / 3월 / Be’ SSAFY / API 명세서 / API 명세서 (1) / 채팅 추가2026
1114 TP2021 / 2021-2 / 1029 TermProject / 1114 TP2021
중간고사2024 / Univ. / 2024-2 / 중간고사2024
Front End 프로그래밍2024 / Univ. / 2024-2 / Front End 프로그래밍2024
0725_진도2021 / 웹 토이 프로젝트 / 0725_진도2021
contentForde / Database / user / content
6. 홈카카오해커톤 / 회의록 / 기능 고도화 / 유경 / 1차 기능명세서 / 6. 홈
(제목 없음)카카오해커톤 / 회의록 / 기능 고도화 / 유경 / 1차 기능명세서 / (제목 없음)
슬라이드 별 핵심 내용 초안 생성공통 프로젝트 (AIVO) / 미팅 자료 (7월 16일) / 발표 / 슬라이드 별 핵심 내용 초안 생성
채팅 웹2021 / 웹 토이 프로젝트 / 채팅 웹2021
12062024 / Univ. / 2024-2 / Spring 통합 / 12062024
기말고사2024 / Univ. / 2024-2 / 기말고사2024
12092024 / Univ. / 2024-2 / 웹프로그래밍 수업 필기 / 12092024
1007 5주차 ( Flask 실습 )2024 / Univ. / 2024-2 / 웹프로그래밍 수업 필기 / 1007 5주차 ( Flask 실습 )2024
0930 1주차2024 / Univ. / 2024-2 / 웹프로그래밍 수업 필기 / 0930 1주차2024
AI 기반 SNS 뷰티 광고 검증 서비스공통 프로젝트 (AIVO) / 회의록 / 4차 회의록 / 서비스 기획서 / AI 기반 SNS 뷰티 광고 검증 서비스
03252024 / Univ. / 2024-1 / ict 기술융합 / 03252024
정규25일차 / 02252026 / 1/2월 / 정규25일차 / 02252026
Tour API2023 / YSY / Tour API2023
05302025 / 수업 / Spring / 05302025
controller_couple.admin2023 / YSY / New Code / controller_couple.admin2023
3월 5일 [ AJAX ]2026 / 3월 / 3월 5일 [ AJAX ]2026
중고거래 플랫폼공통 프로젝트 (AIVO) / 회의록 / 4차 회의록 / 서비스 기획서 / 중고거래 플랫폼
반응형 프레젠테이션 서비스공통 프로젝트 (AIVO) / 회의록 / 4차 회의록 / 서비스 기획서 / 반응형 프레젠테이션 서비스
04092024 / Univ. / 2024-1 / 웹프심화 / 04092024
11082024 / Univ. / 2024-2 / Spring 통합 / 11082024
06022026 / 6월 / 06022026
1127 2024 / Univ. / 2024-2 / PerfectFit Personal Research log / 연구 일지 / 1127 2024
couple_controller2023 / YSY / Controller / couple_controller2023
0923 3주차2024 / Univ. / 2024-2 / 웹프로그래밍 수업 필기 / 0923 3주차2024
와이어프레임 분배카카오해커톤 / 회의록 / 회의록 / 와이어프레임 분배
0608 JWT2026 / 6월 / 0608 JWT2026
album_controller2023 / YSY / Controller / album_controller2023
11112024 / Univ. / 2024-2 / 웹프로그래밍 수업 필기 / 11112024
inquire_controller2023 / YSY / Controller / inquire_controller2023
album2023 / YSY / routes / album2023
03132024 / Univ. / 2024-1 / 자바 / 03132024
웹 심화2024 / Univ. / 2024-1 / 2024 - 1 - 중간 // 중대본 ( 완료 ) / 웹 심화2024
웹프 내용만2024 / Univ. / 2024-1 / 웹프심화 / 웹프 내용만2024
웹프 기말고사2024 / Univ. / 2024-1 / 웹프심화 / 웹프 기말고사2024
user_controller2023 / YSY / Controller / user_controller2023
06042026 / 6월 / 06042026
정규 27일차 / 02.272026 / 1/2월 / 정규 27일차 / 02.272026
유경카카오해커톤 / 회의록 / 기능 고도화 / 유경
0917 - 09182024 / Univ. / 2024-2 / PerfectFit Personal Research log / 연구 일지 / 0917 - 09182024
성빈고사 2024 / Univ. / 2024-1 / 웹프심화 / 성빈고사 2024
route_couple.admin2023 / YSY / New Code / route_couple.admin2023
inquire2023 / YSY / routes / inquire2023
couple2023 / YSY / routes / couple2023
03272024 / Univ. / 2024-1 / 자바 / 03272024
2025-01-21The All New Globa / 글로바 Android / 2025-01-21
교재 추가2024 / Univ. / 2024-1 / 웹프심화 / 웹프 중간고사 / 교재 추가2024
model_user2023 / YSY / New Code / model_user2023
AI 기반 중고거래 플랫폼공통 프로젝트 (AIVO) / 회의록 / 4차 회의록 / AI 기반 중고거래 플랫폼
calendar_controller2023 / YSY / Controller / calendar_controller2023
album2023 / YSY / model / album2023
calendar2023 / YSY / model / calendar2023
calendar2023 / YSY / routes / calendar2023
1118 컴넥2021 / 2021-2 / 1028 컴넥 / 1118 컴넥2021
기획안 수정사항2022 / Project : Carry / 기획안 수정사항2022
couple2023 / YSY / model / couple2023
유저가 작성한 게시글Forde / Public API / API 명세서 (1) / 유저가 작성한 게시글
auth2023 / YSY / routes / auth2023
유저가 작성한 뉴스Forde / Public API / API 명세서 (1) / 유저가 작성한 뉴스
화면 설계 고도화 (가은 전용)공통 프로젝트 (AIVO) / 화면 설계 고도화 (가은 전용)
association2023 / YSY / model / association2023
기능 명세서 ( MVP )2026 / 3월 / Be’ SSAFY / 기능 명세서 ( MVP )2026
09222025 / 수업2 / 모바일콘텐츠 / 09222025
10272025 / 수업2 / 모바일콘텐츠 / 10272025
10012024 / Univ. / 2024-2 / PerfectFit Personal Research log / 연구 일지 / 10012024
0924 3주차2024 / Univ. / 2024-2 / 웹프로그래밍 수업 필기 / 0924 3주차2024
0903 1주차2024 / Univ. / 2024-2 / Front End 프로그래밍 / 0903 1주차2024
내 알림 정보 가져오기 Forde / Public API / API 명세서 (1) / 내 알림 정보 가져오기
0903 1주차 (1)2024 / Univ. / 2024-2 / 웹프로그래밍 수업 필기 / 0903 1주차 (1)2024
YSY2023 / YSY2023
Be’ SSAFY2026 / 3월 / Be’ SSAFY2026
서블릿 라이프 사이클2024 / Univ. / 2024-1 / 웹프심화 / 0528 / 서블릿 라이프 사이클2024
notice_controller2023 / YSY / Controller / notice_controller2023
내 간단 정보 가져오기Forde / Public API / API 명세서 (1) / 내 간단 정보 가져오기
내 소셜 정보 가져오기 Forde / Public API / API 명세서 (1) / 내 소셜 정보 가져오기
문서 내 시각화 자료 가져오기The All New Globa / 글로바 Backend / API 명세서 / API 명세서 / 문서 내 시각화 자료 가져오기
알고리즘2023 / 토이 프로젝트 기획 / 알고리즘2023
notice2023 / YSY / routes / notice2023
온라인 쇼핑몰2023 / 토이 프로젝트 기획 / 온라인 쇼핑몰2023
Spring2026 / Spring2026
팔로잉 취소Forde / Public API / API 명세서 (1) / 팔로잉 취소
Chapter 13 답X의 사본2021 / 2021-2 / 기말고사 / 시험종료 || 컴넥4 (1209) / 컴넥 주관식 / Chapter 13 답X의 사본2021
로그인 합치기2021 / 2021-2 / 기말고사 / 텀프로젝트2 (1217) / 로그인 합치기2021
웹 - 사용할 언어2021 / 웹 토이 프로젝트 / 웹 - 사용할 언어2021
contentForde / Database / user / content
프로젝트2024 / Univ. / 2024-2 / Front End 프로그래밍 / 프로젝트2024
Front-end2026 / [Helpme.md](http://helpme.md/) / Front-end2026
1128(댓글 QUERY)2024 / Univ. / 2024-2 / Spring 통합 / 1128(댓글 QUERY)2024
11072024 / Univ. / 2024-2 / Spring 통합 / 11072024
12052024 / Univ. / 2024-2 / Spring 통합 / 1212 / 12052024
11042024 / Univ. / 2024-2 / 웹프로그래밍 수업 필기 / 11042024
06012026 / 6월 / 06012026
controller_album.admin2023 / YSY / New Code / controller_album.admin2023
윤성빈공통 프로젝트 (AIVO) / 개인 생각 정리 / 윤성빈
06112025 / 수업 / 빅데이터분석및시각화 / 06112025
03192024 / Univ. / 2024-1 / 웹프심화 / 03192024
route_album.admin2023 / YSY / New Code / route_album.admin2023
user2023 / YSY / routes / user2023
1017~1024 CR(CodeReview)2022 / 1017~1024 CR(CodeReview)2022
09152025 / 수업2 / 모바일콘텐츠 / 09152025
채팅 끊기(방 나가기)2026 / 3월 / Be’ SSAFY / API 명세서 / API 명세서 (1) / 채팅 끊기(방 나가기)2026
09082025 / 수업2 / 모바일콘텐츠 / 09082025
미팅 자료 (7월 16일)공통 프로젝트 (AIVO) / 미팅 자료 (7월 16일)
model_solution2023 / YSY / New Code / model_solution2023
model_albumimage2023 / YSY / New Code / model_albumimage2023
피드백2024 / Univ. / 2024-1 / 캡스톤 / 피드백2024
DocsView 문서The All New Globa / 글로바 Android / DocsView 문서
Project : Carry2022 / Project : Carry2022
model_notice2023 / YSY / New Code / model_notice2023
model_errorimage2023 / YSY / New Code / model_errorimage2023
타 사이트 정보 연동Algorithm / 신 Public API / API 명세서 (1) / 타 사이트 정보 연동
최현철공통 프로젝트 (AIVO) / 개인 생각 정리 / 최현철
postman2022 / postman2022
09192022 / Project : Carry / 회의 및 회의록 / 09192022
디자인2026 / 3월 / Be’ SSAFY / 디자인2026
contentForde / Database / user / content
model2023 / YSY / model2023
contentForde / Database / board_image / content
contentForde / Database / board_image / content
profile_typeForde / Database / user / profile_type
profile_typeForde / Database / user / profile_type
image_typeForde / Database / board_image / image_type
10102022 / Project : Carry / 회의 및 회의록 / 10102022
contentForde / Database / user / content
(제목 없음)카카오해커톤 / 회의록 / 기능 고도화 / 유경 / 1차 기능명세서 / (제목 없음)
청중 질문 생성공통 프로젝트 (AIVO) / 미팅 자료 (7월 16일) / 발표 / 청중 질문 생성
thumbnail_typeForde / Database / user / thumbnail_type
thumbnail_typeForde / Database / user / thumbnail_type
titleForde / Database / user / title
(제목 없음)카카오해커톤 / 회의록 / 기능 고도화 / 성빈 / 기능 명세서 (1) / (제목 없음)
thumbnail_pathForde / Database / user / thumbnail_path
thumbnail_pathForde / Database / user / thumbnail_path
(제목 없음)카카오해커톤 / 회의록 / 기능 고도화 / 유경 / 1차 기능명세서 / (제목 없음)
(제목 없음)카카오해커톤 / 회의록 / 기능 고도화 / 성빈 / 기능 명세서 (1) / (제목 없음)
[ThemeView 테마 모드](https://app.notion.com/p/6ae60c3148c782c298df01e7ab4e51e2) The All New Globa / 글로바 Android / 글로바 Android 작업 칸반 5월 / [ThemeView 테마 모드](https://app.notion.com/p/6ae60c3148c782c298df01e7ab4e51e2)
0717 웹2023 / 0717 웹2023
profile_pathForde / Database / user / profile_path
titleForde / Database / board_image / title
titleForde / Database / board_image / title
목업카카오해커톤 / 문서 / 목업
model_solutionimage2023 / YSY / New Code / model_solutionimage2023
09012025 / 수업2 / 모바일콘텐츠 / 09012025
model_inquireimage2023 / YSY / New Code / model_inquireimage2023
Front envForde / Front env
model_noticeimage2023 / YSY / New Code / model_noticeimage2023
0609 JWT 22026 / 6월 / 0609 JWT 22026
1114 ( 쿼리문 )2024 / Univ. / 2024-2 / Spring 통합 / 1101 / 1114 ( 쿼리문 )2024
Status CodeForde / Status Code
APIYSY Documnets / API
10242022 / 10242022
게시글 추천 삭제Algorithm / 신 Public API / API 명세서 (1) / 게시글 추천 삭제
(제목 없음)카카오해커톤 / 회의록 / 기능 고도화 / 성빈 / 기능 명세서 (2) / (제목 없음)
(제목 없음)카카오해커톤 / 회의록 / 기능 고도화 / 성빈 / 기능 명세서 (1) / (제목 없음)
(제목 없음)카카오해커톤 / 회의록 / 기능 고도화 / 성빈 / 기능 명세서 (2) / (제목 없음)
(제목 없음)카카오해커톤 / 회의록 / 기능 고도화 / 성빈 / 기능 명세서 (1) / (제목 없음)
(제목 없음)카카오해커톤 / 회의록 / 기능 고도화 / 성빈 / 기능 명세서 (2) / (제목 없음)
(제목 없음)카카오해커톤 / 회의록 / 기능 고도화 / 성빈 / 기능 명세서 (1) / (제목 없음)
image_typeAlgorithm / 신 Database / inquiry / image_type
image_typeAlgorithm / 신 Database / board_image / image_type
(제목 없음)카카오해커톤 / 회의록 / 기능 고도화 / 성빈 / 기능 명세서 (1) / (제목 없음)
contentAlgorithm / 신 Database / board / content
image_pathAlgorithm / 신 Database / inquiry / image_path
(제목 없음)카카오해커톤 / 회의록 / 기능 고도화 / 성빈 / 기능 명세서 (1) / (제목 없음)
titleAlgorithm / 신 Database / board / title
(제목 없음)카카오해커톤 / 회의록 / 기능 고도화 / 유경 / 1차 기능명세서 / (제목 없음)
(제목 없음)카카오해커톤 / 회의록 / 기능 고도화 / 유경 / 1차 기능명세서 / (제목 없음)
[Helpme.md](http://helpme.md/)2026 / [Helpme.md](http://helpme.md/)2026
recommend_countAlgorithm / 신 Database / board / recommend_count
profile_pathForde / Database / user / profile_path
(제목 없음)Algorithm / 기능 명세서 / (제목 없음)
(제목 없음)Algorithm / 기능 명세서 / (제목 없음)
(제목 없음)Algorithm / 기능 명세서 / (제목 없음)
ASSA - Frontend2025 / ASSA / ASSA - Frontend2025
FRONTEND2025 / Globa 고도화 / FRONTEND2025
VisualWholeView 전체시각화The All New Globa / 글로바 Android / VisualWholeView 전체시각화
VisualDocView 문서 시각화The All New Globa / 글로바 Android / VisualDocView 문서 시각화
Status CodeYSY Documnets / Status Code
디자인 피드백2022 / Project : Carry / 디자인 피드백2022
화면 흐름도 및 디자인Algorithm / 화면 흐름도 및 디자인
디자인Forde / 디자인
디자인Forde / 디자인
contentsYSY Documnets / Database / notice / contents
(제목 없음)Algorithm / 기능 명세서 / (제목 없음)
포트폴리오 조회, 등록, 삭제공통 프로젝트 (AIVO) / 미팅 자료 (7월 16일) / 유저 / 포트폴리오 조회, 등록, 삭제
프로필 사진 삽입, 수정, 삭제공통 프로젝트 (AIVO) / 미팅 자료 (7월 16일) / 유저 / 프로필 사진 삽입, 수정, 삭제
(제목 없음)카카오해커톤 / 회의록 / 기능 고도화 / 유경 / 1차 기능명세서 / (제목 없음)