uniqueshine uniqueshine

Figma 저장왼쪽 상단- file- save local copy 노션 웹클리핑 하는 방법크롬 웹스토어 검색- notion - Notion Web Clipper CODEPEN 사용해서 코드랑 화면 동시에 볼 수 있음. (다른 사람 코드도 참고 가능)CODEPEN 설정에서 Autocomplete 체크(Editor Preferences)CODEPEN 노션 공유 시링크 복사 - 노션에서 ctrl+v - CODEPEN 임베드 클릭 콘텐츠 영역 만들기클래스 네임오토 레이아웃너비 설정Gap,Padding 이미지 넣는 방법CSS에 박스배경으로 삽입html 이미지 태그로 삽입 Figma에서 이미지 넣을 때 Rectangle 사용→이미지 삽입Figma에서 alt+다른 박스 커서를 대면 박스 사이 간격이 나온다.absol..

Auto Layout → CSS Flex boxposition: relative; → Auto Layout 적용 시 Position 값은 relative 이다.flex-direction → frame의 위치에 따라 row 또는 column으로 설정 가능하다.div 박스 → block 레벨Clip content를 해제하면 박스를 벗어나도 보인다.Plugin Unsplash를 이용하면 이미지를 삽입할 수 있다.더미 이미지를 삽입할 때 Lorem Picsum을 사용할 수 있으며, 이미지 주소를 넣으면 사용할 수 있다. JUST 쇼핑몰 탑 블라우스..

웹 구조 파악하기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 쇼핑몰 탑 블라우스 티 셔츠 니트 아우터 자켓 코트 가디건 머플러 팬츠 ..

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..

3월4일 시간표 1~4교시 교과목: 스마트문화앱 설계 및 디자인 능력단위: 스마트문화앱 UX 설계(3/24평가) 교재: NCS 학습모듈 1. 웹디자인개발기능사 필기접수(3/17~21) 2. 노션(Notion) 3. 피그마(Figma) 폴더명을 쓸 때, 소문자, 숫자는 앞에 쓰지 X, 하이픈(-) 웹은 다 box model로 되어있고, 그 안에 header,main,footer로 구성한다.web-structure/ 생성 VSCode Extention설정 > Editor: default formatter > Prettier 설정 > zoom > 3개 다 체크 설정> on save > Editior: Format on save 체크윈도우 탐색기 > 보기 > 숨긴항목, 파일 확장명 체크 UPPERCASE (대문..

package hwbinary; import java.util.Scanner; public class Change { public static void main(String[] args) { Scanner stdIn = new Scanner(System.in); int price = 150; int quantity ; int pay; int charge; do { System.out.print("pay : "); pay = stdIn.nextInt(); System.out.print("quantity :"); quantity = stdIn.nextInt(); charge = pay - price; } while(price