프론트 개발 블로그

photoshop cc를 사용 후 가장 불편한 점은 디자이너들이 대지 색상을 흰색으로 깔아서 주는 것 ㅠㅠ 잊지 않기 위해 기록한다. (하필 포토샵을 한글로 설치하여서 더 헷갈림) 1. 레이어에서 포토샵의 폴더를 선택한 후 2. 한글일 경우 창 > 속성 > 대지 영역에서 대지 배경색을 투명으로 변경하면 된다. 영문일 경우 Advanced Options 에서 Bacgkround Contents 를 Transparents 를 선택하면 된다.

1분코딩 - 애플 웹사이트 인터랙션 클론! 인강 정리 1월 11일 월요일 키워드 1. 즉시 실행 함수 IIFE 2. ES6 문법 : arrow function / let, const 키워드 / 템플릿 문자열 3. load, DOMContentLoaded 차이 4. position: sticky 코드 작업 내용 1. 각 섹션의정보를 sceneInfo 배열에 넣는다. const sceneInfo = [ { type: 'sticky', heightNum: 3, scrollHeight: 0, objs: { container: document.querySelector('#scroll-section-i') } } ]; type : 'sticky' or 'normal'로 각 섹션마다 나타나는 애니메이션들을 제어한다...

기본 Gulp 셋팅 #1. Check For Node, npm, and npx node, npm, npx 버전을 확인합니다. 설치가 되어 있지 않다면, 위의 해당 플랫폼과 패키지 관리자를 설치해줍니다. $ node --version $ npm --version $ npx --version #2. gulp-cli 유틸리티 설치 gulp-cli은 Gulp를 콘솔에서 편리하게 실행할 수 있게 해주는 유틸리티 도구입니다. $ npm install --global gulp-cli #3. 프로젝트 디렉토리 생성 후 해당 디렉토리로 이동 $ npx mkdirp my-project $ cd my-project #4. 프로젝트 디렉토리에 package.json 생성 $ npm init #5. gulp package 설치..