절주온 : 관공서 사이트 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 📍 프로토타입 인터랙션이 연결된 모습 오버플로우 스크로링 인터랙션 오버플로우 스크롤링은 화면 내에서 좌우로 스크롤이 된다. 스...

컴포넌트와 인스턴스 컴포넌트 : 재사용 가능한 UI 요소 인스턴스 : 원본 컴포넌트 복제한 오브젝트 컴포넌트가 바뀌면 인스턴스도 함께 바뀜 인스턴스가 변경되면 컴포넌트와 다른 인스턴스에 영향 없음 원본 컴포넌트의 속성을 변경해도 이미 수정된 속성은 영향 없음...

디자인 토큰 만들기 사용하는 색상, 폰트 등의 스타일 값 저장해두는 토큰 설정한 Style을 다른 Draft에도 적용하기 위해 디자인 토큰 플러그인을 사용 깃허브와 동기화 기능으로 협업에 도움 토큰 만드는 법 바깥 프레임 선택 후, Local styles 클릭 이름 옆에 / 입력하고 옆에 입력하면 그룹화 Token 플러...

일주일동안 프로젝트하느라 밀린 수업 노트를 다시 쓸 예정이다 ! 오늘부터 day34부터 조금씩 쓰면서 지난 프로젝트 회고도 함께하면 좋을거같다. 오늘은 미니 프로젝트끝나고 새로운 강사님이 오셨다 디자인 수업 끝에 포트폴리오 하나가 나올 수 있다고 하셔서 기대가 된다. 아주 직관적인 UI/UX에 대한 설명 UI (User Interfac...

Kakao OAuth를 통한 로그인 시퀀스 준비 카카오 개발자 센터(https://developers.kakao.com/)로 가서 내 애플리케이션에 카카오 로그인 기능을 활성화 하고 REST API 키 가져 오기 카카오 로그인 기능 활성화 방법 1) 내 애플리케이션 > 제품 설정 > 카카오 로그인 : 활성화 설정 => ON...