uniqueshine uniqueshine

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: 변하는 값콘솔 출력시 문자열은 따옴표, 변수는 따옴표없이 그냥 적어준다.여러개를 출력할 때, 괄호 안에 콤마(,)를 사용해서 적어준다.문자열은 공백도 포함한다.(..

웹 구조 파악하기Figma의 레이어는 HTML 구조라고 보면 된다.레이어에 있는 레이어 이름을 클래스네임으로 쓰면 된다.Figma의 Design 패널은 CSS라고 보면 된다.- Frame 패널X,Y: Position,  Lock aspect ratio: 비율 잠금, 비율 유지,  W: width, H: Height, Fill: 색상 채우기Hug container : 자식 또는 컨텐츠의 내용에 따라 크기 결정fill container : 부모 따라감Auto Layout -> display: flex;Auto Layout은 9군데 중 한 군데에 배치할 수 있다.padding: 자신 박스 안의 여백, margin: 나와 옆 박스와의 간격align-items : 가로 세 줄로 정렬 (위,중간,아래)justif-..

VScode에서 ctrl + /를 누르면 주석 처리가 되는데, 코드에 영향은 없다.HTML 태그가 박스이고, 박스 스타일 속성을 결정하는 것이 CSS이다.ul: unorder list(순서가 없는 제목), ol: order list(순서가 있는 제목) , a: 링크(화면에서 클릭했을 때 그 링크로 보내짐)ul 아래에는 li 밖에 사용할 수 없다. JUST 쇼핑몰 탑 블라우스 티 셔츠 니트 아우터 자켓 코트 가디건 머플러 팬츠 ..

2025 웹디자인개발기능사 문제 중 A-1 유형을 이용해 구조 만들기 웹은 다 box model로 되어 있고, 그 안에 header, main, footer로 구성한다. LOGO MENU-1 submenu-1 submenu-2 submenu-3 submenu-4 메인 영역입니다. 푸터 영역입니다. index.html.wrap { width: 1200px; height: 700px; background-color: #ddd; margin: 0 auto;}.header { width: 100%; height: 100px; backgrou..