🔸 goTrip 실습 - React 디자이너와 와이어프레임으로 의견을 나눌 때 부터 개발해야하는 기능을 요약해두는게 좋음 goTrip 기능 요약 사용자가 입력 필드에 텍스트를 입력하면 상태에 저장됨 입력된 텍스트가 없거나 2글자 이하일 경우 경고 메시지 표시 유효성 검사를 통과한 텍스트는 새로운 항목으로 리스트에 추가됨 사용자가 ...

백준 10026번-적록색약 문제 파악 적록색약인 사람이 봤을 때와 아닌 사람이 봤을 때 구역의 수를 구하는 문제 ! 핵심은 적록색약인 사람은 R과 G가 동일하게 보인다 ! 문제만 보았을 때 떠오르는 풀이방법은,,, 처음부터 적록색약이 보는 구역과 아닌 사람이 보는 구역을 따로 구현해서 풀기 구역은 그대로 들어가되, while...

🔸 Vite 기반 React 설치 React 프로젝트 생성 # Vite + React 템플릿으로 생성 npm create vite@latest my-react-app -- --template react cd my-react-app npm install # 또는 아래처럼 직접 템플릿 선택 npm create vite 제시된 순서대로 셋팅한 ...

백준 1012번-유기농 배추 문제 파악 서로 인접해있는 배추들이 몇 군데에 퍼져있는지 조사하면 총 몇 마리의 지렁이가 필요한지 알 수 있다. 배추 영역이 몇개인지 구하는 문제 ! 백준 1012번-유기농 배추 풀이 과정 기존에 풀었던 bfs 문제 유형과 동일했다 - 영역 개수 풀이가 어려웠다기 보다는 x축 y축이 헷갈려서 계속 ...

절주온 : 관공서 사이트 html의 구조는 컨텐츠의 중요도 순으로 구조화: h1 → h2 → h3 (시멘틱 구조) h1은 보통 로고 자리 시멘틱 유지 위해 h1은 크기 조절 X, 자식인 a에 display: block과 width를 적용 ul과 li는 함께 사용하지만, React에서는 컴포넌트 분리로 인해...

유레카 백엔드 수업 때 궁금했던 부분이 생겨서 정리해본다 ! 궁금했던 해당 수업 스터디 노트 [Day33] 쇼핑몰 실습 - 장바구니, Restful 나는 백엔드가 아니라 rest와 restful의 차이가 뭔지에 대해 잘 모르겠어서 제대로 공부하려한다. REST(REpresentational State Transfer) = 설계 철학 / ...

BFS (Breadth First Search) 그래프나 다차원 배열에서 인접한 노드나 칸을 방문할 때 너비를 우선으로 방문하는 알고리즘 모든 노드를 방문하기 위해 사용 큐(Queue)를 사용하여 인접한 노드를 먼저 탐색 시간 복잡도: O(N) — 각 칸(노드)을 한 번씩만 방문 ✅ BFS 기본 원리 시작하는 칸을 큐에 넣...

JS와 프레임워크의 필요성 🔹 JavaScript 초기: 단순한 연산과 시각적 효과를 위한 스크립트 언어 현재: 웹 애플리케이션의 핵심 기술 ⚠️ 문제점 순수하게 JS만으로 규모가 큰 애플리케이션을 관리하기 어려움 → 이를 해결하기 위해 프레임워크 등장 🔹 프레임워크의 역할 MVC(Model-View-Controller)...

시험 정리 ⭐️ 색의 역할 브랜드 아이덴티티 각인 마케팅 관점에서 클릭을 유도(할인 정보) 방향을 제시(구매하기 버튼) Primary Color UI 내에서 가장 메인으로 사용되는 색상으로 화면 내 클릭을 유도하는 버튼에 많이 사용된다. 주로 브랜드의 고유한 아이덴티티 색상을 사용. Secondary Color 메인 컬러보다 ...

캐러셀 인터랙션 캐러셀은 서비스의 메인 페이지에서 디자인 컨셉이나 마케팅 정보를 순서대로 전환하면서 보여주는 이미지 방식 (swiper) 📍 인터랙션 옵션 설정 Trigger > on drag 📍 프로토타입 인터랙션이 연결된 모습 오버플로우 스크로링 인터랙션 오버플로우 스크롤링은 화면 내에서 좌우로 스크롤이 된다. 스...