uniqueshine uniqueshine

https://www.figma.com/design/sPzjQPTsjBC0hBjOJW9WEw/UI%2FUX-%EB%B0%98%EC%9D%91%ED%98%95-%EC%9B%B9%EB%94%94%EC%9E%90%EC%9D%B8-%26-%EC%BD%94%EB%94%A9?node-id=71-3&t=GooAEGRZBN4jllwB-1 FigmaCreated with Figmawww.figma.com 대한은행 개인 조회 ..

https://www.figma.com/proto/sPzjQPTsjBC0hBjOJW9WEw/UI%2FUX-%EB%B0%98%EC%9D%91%ED%98%95-%EC%9B%B9%EB%94%94%EC%9E%90%EC%9D%B8-%26-%EC%BD%94%EB%94%A9?node-id=113-158&t=dMqIsTOPRECzSIld-1 FigmaCreated with Figmawww.figma.com  대한은행 개인 조회 ..

boolean.htmlconst x; : 오류가 남, let으로 변경 Undefined-null.html변수는 선언을 함과 동시에 선언, 변수가 값을 가지지 않으면 Undefined 라는 데이터를 할당 object.html객체는 자바스크립트의 핵심이다.member에는 객체가 담겨있다. userName(키, 변수), “홍길동”(값)

과제 예시 설명)IA : 페이지에 어떤 정보(콘텐츠)들이 있는지를 구조화 또는 도식화 한 것A-1 또는 B-1 유형의 메인페이지 정보구조도 만들어보기(예시는 옆으로 되어있지만 아래로 펼치는 방식으로 만들기)User Flow: 사용자가 최종적으로 달성해야 하는 목적까지의 여정을 도식화 한 것Navigation Bar: IA, User Flow를 위한 내비게이션 바(3depth는 설계하지말자, 2depth까지만)  const : 변하지 않는 값 “홍길동이라는 값은 userName이라는 변수에 담겨있다.”let: 변하는 값콘솔 출력시 문자열은 따옴표, 변수는 따옴표없이 그냥 적어준다.여러개를 출력할 때, 괄호 안에 콤마(,)를 사용해서 적어준다.문자열은 공백도 포함한다.(..

https://www.figma.com/design/sPzjQPTsjBC0hBjOJW9WEw/UI%2FUX-%EB%B0%98%EC%9D%91%ED%98%95-%EC%9B%B9%EB%94%94%EC%9E%90%EC%9D%B8-%26-%EC%BD%94%EB%94%A9?node-id=71-3&p=f&t=ycYl0VK10Spsb5KR-0 FigmaCreated with Figmawww.figma.com피그마의 단위는 %를 제외한 나머지는 전부 px이다.피그마에서 로고 만들 때 텍스트랑 프레임을 따로 생성한다.→ 로고 클릭 시 보통 메인페이지로 이동, 로고의 크기는 다양하다. → 로고 영역 클릭 vs 로고만 클릭대한은행 텍스트를 frame selection을 이용해 프레임으로 전환하고 중앙으로 옮긴다.frame ..

https://www.figma.com/design/rvbGI4iDR0q1BANDQRSmAM/1%ED%98%B8-UI_UX-%EB%B0%98%EC%9D%91%ED%98%95-%EC%9B%B9%EB%94%94%EC%9E%90%EC%9D%B8-%26-%EC%BD%94%EB%94%A9?node-id=234-2&p=f&t=4b58whqWgRw69t4I-0 FigmaCreated with Figmawww.figma.comcomponent : 실체화 되지 않은 객체, 존재만 하고 쓰이지는 않는다. 형식을 만들어놓고 재사용component 양식을 복사하면 복사한 양식은 Instance가 된다.Instance : component 복사본, 하나만 존재 component 텍스트 선택해서Create component pr..

Iconify: Figma 플러그인 중 아이콘을 쓸 수 있다. JUST 쇼핑몰 탑 블라우스 티 셔츠 니트 아우터 자켓 코트 가디건 머플러 ..

figma에서 텍스트 가운데로 정렬할 때 auto 쓰면 되지만,코드를 쓸때는 display : flex가 아닌 경우에는 a 태그는 너비, 높이값을 줄 수 없다.text-align : center ; → 너비 가득채우기 → 박스와 같은 줄간격 적용display: flex; 를 써야 justify-content와 align-items을 쓸 수 있다.display: block; 인 상태는 text-align: center; , line-height를 똑같이 가져가야 한다.li에는 너비, 높이를 잘 안 준다.피그마에서 레이어 보이는 순서를 변경할 수 있는데 Auto layout이 설정되어 있으면 고급 설정에서 변경할 수 있다.(기본적으로 아래에 있는 것을 먼저 보여준다.)그리고 선까지 포함할 것인지 말 것인지도..