Redux 미들웨어와 코드 스플리팅에 대해 알아보자.

Context API와 Redux에 대해 알아보자. props drilling부터 시작해서 Context API와 Redux가 어떻게 다른지, Redux의 Action·Reducer·Store 흐름까지 정리해 보자!

오늘 수업에서 useReducer + Immer로 상태를 관리하고 React Router로 다중 페이지를 구성하는 Todo 앱을 만들어봤다. Action Type 상수, useCallback, useMemo까지 배운 개념들을 한꺼번에 써볼 수 있는 시간이었다.

수업에서 React 컴포넌트와 useState로 가위바위보 게임을 만들고, 이를 응용해 숫자 맞추기 게임을 직접 만들어봤다. 컴포넌트 분리, props, CSS Module 등 배운 개념을 복습하며 정리했다.

저번 주에 배운 React 개념들을 이제야 정리했다. SPA, 컴포넌트, Virtual DOM, 라이프사이클... 배울 땐 어렴풋했는데 글로 쓰면서 조금 더 잡히는 느낌이다. 🙂

피그마의 컴포넌트 시스템을 이해해보자!

오늘 처음으로 피그마를 직접 써봤다. 그룹/프레임/컴포넌트 차이, 컨스트레인트, 오토레이아웃 개념 정리와 함께 내 불편함에서 시작한 서비스 '작심삼일 해부소' 기획 실습까지 담았다.

오늘 CX 디자인 수업을 들었다. 디자인은 단순히 예쁜 게 아니라 사용자가 계속 쓰게 만드는 것이라는 걸 배웠다. 생각보다 논리적인 구조가 많아서 흥미로웠다.

유레카 4기 미니 프로젝트, 팀 포롱의 관리자 페이지와 로그인/회원가입 개발기. 이미지 저장, 날짜 기반 페이징, 드래그 스크롤까지 구현하면서 이번 프로젝트를 통해 배운 것들을 정리했다.

학원 미니 프로젝트에 카카오 맵 API 도입을 검토하며 간단히 리서치해봤다. 앱 생성부터 JavaScript 키 발급, 지도에 마커 표시하는 것까지 직접 사용해보며 사용법을 정리해 보았다.

Spring Boot + MyBatis + JS로 회원 관리 기능을 구현했다. DTO로 요청/응답 데이터를 분리하고 회원가입, 로그인, 로그아웃까지 백엔드와 프론트엔드를 함께 다뤄보자.

피자 쇼핑몰 프론트엔드를 직접 만들어보며 HTML 구조 설계, CSS 스타일링, JavaScript로 REST API 연동까지 구현하는 과정을 담았다. 메뉴 조회와 카테고리 필터링 기능을 단계별로 알아보자.

학원에서 배운 Spring Boot CRUD를 복습하며 🍕피자 가게 웹페이지를 직접 구현해보자.

학원에서 Spring Boot 개발 환경 세팅을 하면서 겪은 과정을 정리했다. JDK, 스프링부트, Lombok, MySQL, Postman 설치 방법과 설치 중 발생한 이슈 및 해결 방법까지 함께 담았으니 처음 세팅하는 분들에게 도움이 되길 바란다 😊

백트래킹의 핵심 패턴인 '선택 → 재귀 → 선택 취소'를 부분집합, 순열, 조합 세 가지 예제로 정리했다. 각각 어떻게 중복을 방지하는지에 집중하면 백트래킹 문제의 대부분을 풀 수 있다.

그리디(Greedy) 알고리즘의 개념과 특징을 정리하고, 예제 문제인 동전 거스름돈, 최대 회의 수 구하기 문제를 풀어보자.

트리(Tree) 자료구조의 개념과 용어를 정리하고, 직접 코드로 구현해보자.

완전탐색 (Brute Force) : 가능한 모든 경우의 수를 전부 시도해보자 💪

제미나이 API는 무료로 사용할 수 있다. 이번 포스팅에서는 별도의 프레임워크 없이 JavaScript로 채팅 화면에 Gemini API를 연동하는 방법을 정리해본다.

선택 정렬(Selection Sort)은 매 라운드마다 최솟값을 찾아 앞으로 보내는 정렬 알고리즘이다. 선택 정렬의 특징과 동작 원리, 시간복잡도까지 알아보자.