- 전체보기(35)
- 유레카4기(32)
- 부트캠프(32)
- 멀티캠퍼스부트캠프(32)
- TIL(30)
- Java(10)
- JavaScript(6)
- CSS(4)
- html(4)
- React(3)
- 리액트(3)
- Spring(2)
- redux(2)
- 자료구조(2)
- typescript(2)
- 알고리즘(2)
- 부분집합(1)
- useMemo(1)
- useReducer(1)
- GeminiAPI(1)
- useCallback(1)
- 스플리팅(1)
- 백트래킹(1)
- 재귀(1)
- 미들웨어(1)
- CRUD(1)
- contextAPI(1)
- Immer(1)
- 선택정렬(1)
- Azure(1)
- 순열(1)
- 접근제어자(1)
- 미니프로젝트(1)
- 트리(1)
- PORONG(1)
- ReactRouter(1)
- 작심삼일수사대(1)
- JWT(1)
- bootstrap(1)
- 포롱(1)
[TIL] Node.js(Express + TypeScript)로 프로젝트 구조 잡기
Python FastAPI로 백엔드 개발을 해오다가, 이번 팀 프로젝트에서 Node.js + Express + TypeScript 조합으로 전환하게 됐다. 같은 REST API를 만드는 건데 프레임워크가 달라지니까 "이건 Express에서는 어떻게 하지?"라는 질문이
[TIL] Node.js 백엔드 초기 세팅 & Azure 배포
미니프로젝트 백엔드를 Python(FastAPI)에서 Node.js+TypeScript로 전환하고, Azure App Service와 GitHub Actions로 자동 배포까지 구축한 과정을 정리해 보았다.
[TIL] JWT 토큰
React+Express로 JWT 인증 시스템을 구현하는 방법을 배웠다. localStorage vs HttpOnly 쿠키 저장 방식 비교와 jwt.decode/verify 차이를 알아보자
[TIL] 웹 보안 - CORS, XSS, CSRF, SQL Injection
오늘은 브라우저의 CORS 정책부터 시작해서, 실제 발생했던 대형 보안 사고 사례, 그리고 SQL Injection / XSS / CSRF 같은 대표적인 웹 취약점까지 실습을 통해 공부했다. 1. CORS (Cross-Origin Resource Sharing) C
[TIL] React + TypeScript로 실패 분석 앱 만들기🔍
React + TypeScript + Tailwind로 목표 실패 패턴을 분석하는 앱 "작심삼일 수사대"를 만들어봤다.
[TIL] React Context API와 Redux
Context API와 Redux에 대해 알아보자. props drilling부터 시작해서 Context API와 Redux가 어떻게 다른지, Redux의 Action·Reducer·Store 흐름까지 정리해 보자!
[TIL] React Todo 앱 만들기 (1)
오늘 수업에서 useReducer + Immer로 상태를 관리하고 React Router로 다중 페이지를 구성하는 Todo 앱을 만들어봤다. Action Type 상수, useCallback, useMemo까지 배운 개념들을 한꺼번에 써볼 수 있는 시간이었다.
[TIL] 리액트 컴포넌트 예제 : 가위바위보 & 숫자 맞추기 게임
수업에서 React 컴포넌트와 useState로 가위바위보 게임을 만들고, 이를 응용해 숫자 맞추기 게임을 직접 만들어봤다. 컴포넌트 분리, props, CSS Module 등 배운 개념을 복습하며 정리했다.
[TIL] 리액트 시작하기
저번 주에 배운 React 개념들을 이제야 정리했다. SPA, 컴포넌트, Virtual DOM, 라이프사이클... 배울 땐 어렴풋했는데 글로 쓰면서 조금 더 잡히는 느낌이다. 🙂
[TIL] 피그마 시작하기 - 툴 사용법 & 서비스 기획 실습
오늘 처음으로 피그마를 직접 써봤다. 그룹/프레임/컴포넌트 차이, 컨스트레인트, 오토레이아웃 개념 정리와 함께 내 불편함에서 시작한 서비스 '작심삼일 해부소' 기획 실습까지 담았다.
[TIL] CX · UX/UI · 디자인 시스템
오늘 CX 디자인 수업을 들었다. 디자인은 단순히 예쁜 게 아니라 사용자가 계속 쓰게 만드는 것이라는 걸 배웠다. 생각보다 논리적인 구조가 많아서 흥미로웠다.
포롱(PORONG) 미니 프로젝트 회고 - 관리자 페이지 & 로그인/회원가입 개발기
유레카 4기 미니 프로젝트, 팀 포롱의 관리자 페이지와 로그인/회원가입 개발기. 이미지 저장, 날짜 기반 페이징, 드래그 스크롤까지 구현하면서 이번 프로젝트를 통해 배운 것들을 정리했다.
[TIL] 카카오 맵 API 리서치 & 사용법 정리
학원 미니 프로젝트에 카카오 맵 API 도입을 검토하며 간단히 리서치해봤다. 앱 생성부터 JavaScript 키 발급, 지도에 마커 표시하는 것까지 직접 사용해보며 사용법을 정리해 보았다.
4편 - [Spring Boot] 피자 가게 - 회원 관리 (회원가입 / 로그인)
Spring Boot + MyBatis + JS로 회원 관리 기능을 구현했다. DTO로 요청/응답 데이터를 분리하고 회원가입, 로그인, 로그아웃까지 백엔드와 프론트엔드를 함께 다뤄보자.
3편 - [Spring Boot] 피자 가게 - 프론트 연동하기 (HTML + CSS + JavaScript)
피자 쇼핑몰 프론트엔드를 직접 만들어보며 HTML 구조 설계, CSS 스타일링, JavaScript로 REST API 연동까지 구현하는 과정을 담았다. 메뉴 조회와 카테고리 필터링 기능을 단계별로 알아보자.
2편 - [Spring Boot] 피자 가게 - 메뉴 CRUD 구현하기 (백엔드 + Postman 테스트)
학원에서 배운 Spring Boot CRUD를 복습하며 🍕피자 가게 웹페이지를 직접 구현해보자.
1편 - [Spring Boot] 개발 환경 세팅 (feat. MySQL, JDK, Lombok, Postman)
학원에서 Spring Boot 개발 환경 세팅을 하면서 겪은 과정을 정리했다. JDK, 스프링부트, Lombok, MySQL, Postman 설치 방법과 설치 중 발생한 이슈 및 해결 방법까지 함께 담았으니 처음 세팅하는 분들에게 도움이 되길 바란다 😊
[Java] 백트래킹 - 부분집합, 순열, 조합
백트래킹의 핵심 패턴인 '선택 → 재귀 → 선택 취소'를 부분집합, 순열, 조합 세 가지 예제로 정리했다. 각각 어떻게 중복을 방지하는지에 집중하면 백트래킹 문제의 대부분을 풀 수 있다.