본문 바로가기

Publish2

adobe xd 퍼블리싱 (css) adobe xd 퍼블리싱하기 (CSS) 기존에 피그마에서 작업을 할 때는 바로바로 CSS 값을 볼 수 있어 편했지만 이번엔 adobe xd를 이용하게 되었다. 그래서 adobe xd에서 css 값을 확인하는 방법을 정리해 보려고 한다. 1. 공유 탭으로 이동 이렇게 프로젝트를 열고 공유 탭으로 이동한다. 2. 보기설정과 링크 액세스 확인하기 보기 설정을 개발로 설정하고, 링크를 통해 접속할 수 있도록 한다. 이후 생성된 링크로 이동한다. 3. 링크로 이동한 뒤 오른쪽에 탭을 누르면 CSS 정보를 확인할 수 있다. 4. 원하는 object를 클릭 후 다른 요소 위에 올리면 상대거리가 나타나게 된다. 끝! 2021. 8. 20.
NPM 관리하기 NPM 관리해보기 NPM이란? npm은 자바스크립트를 위한 패키지 관리자 공부하는 동안 NPM으로 이것저것 많이깔고, global도 아무 의식없이 사용해왔다. 그러다 새로운 프로젝트를 만들 때마다, 패키지를 새로 설치해주는 것이 비효율적인 것 같아 NPM을 관리해보기로 했다. 할일 - 1. 글로벌 패키지 전체 삭제 - 2. 필요한 패키지만 설치하기 - 3. 배포하기 & 배포 취소하기 - 4. 배포된 패키지 다시 설치해보기 1. 글로벌 패키지 전체 삭제 NPM에서 패키지를 설치할 때는 두 가지 옵션이 있다. 바로 지역(local)과 전역(global)이다. npm install 이렇게 패키지를 설치할 수 있는데 별도의 옵션을 주지 않으면 프로젝트 루트 디렉터리 안에 node_modules에 추가되고 해당 .. 2021. 3. 4.