개발 못해요! 그냥 못해요

인터랙션 디자인 첫번째로 자기소개 페이지를 만들어 보도록 할건데 가운데 중심축을 기준으로 회전하는 선이 특징입니다! ✅ 기본 파일 구성 asset 폴더는 이미지 파일을 담고 style 폴더는 sass를 사용할 것이기 때문에 style.scss를 생성하고 저번에 설치했던 라이브러리를 실행하면 자동으로 맵핑되어서 style.css 파일을 생성해줍니다! 자세한 건 아래에서 계속 설명할께요 디자인 툴은 Figma를 이용해서 작업했습니다 전체적인 디자인은 구성입니다 📌 index.html 기본 구성 태그를 이용해 구성을 나누어 주었는데 간단하게 정리하고 가면 html은 다양한 태그가 있는데 그 중 의미론적 태그는 가 있고 이건 그룹핑을 하기 위해 사용하는 태그들이다 가장 첫번째로 배경을 구현하기 위해 class가..

기본 개발 환경 & 플러그인 설치 1. visual studio / html을 이용해서 진행 HELLO 2. Live server 라이브러리 이를 통해 파일의 경로가 아닌 아이피 주소 + 포트 번호 + 파일명으로 보이게 됨 화면에서 바로 업데이트 되는 걸 확인 할 수 있음 3. Live Sass Compiler 원래 css 파일 적용 방식 라이브러리 사용 시 Generated: c:\\Users\\user\\Desktop\\인터랙션 디자인\\style.css.map c:\\Users\\user\\Desktop\\인터랙션 디자인\\style.css -------------------- Watching... -------------------- 항상 CSS만 사용해왔는데 SCSS를 처음으로 사용해본다...!..