개발환경 (2) 썸네일형 리스트형 Gulp 입문 -01 간단 소개 gulp 란 javascript를 minify하고 또 Sass파일을 컴파일하고 또 코드에 오류는 없는지 체크하는데에 손쉽게 도와준다. (다만 , Gulp task를 작성해야만 함) Setting up Gulp Gulp를 설치하려면 일단 Node가 필요하다. (↓ Node가 다 설치되었다는 가정하에 설명시작)먼저 터미널창을 실행해서 프로젝트 폴더로 이동하고 Package.json 파일을 생성해야한다.Package.json 파일을 생성해주는 것은 프로젝트마다 꼭 수행해줘야한다. $ npm init ▲ 그럼 package.json 파일이 생성 됨 $ npm install gulp -g ▲ gulp를 전역으로 설치하기 위한 명령어다.다음으로 gulp 및 몇가지 디펜던시를 프로젝트에도 설치해야 한다. $ npm .. [ Codepen ] 코드펜 사용법 https://codepen.io/ 코드팬은 주로 자바스크립트/css/html을 테스트 할 때 사용합니다.로그인은 github 계정이 있다면 그걸로 연동해서 로그인 할 수 있습니다. 1. Create 버튼 Pen 클릭 그럼 위 화면같이 나온다. 저 연필을 클릭하면 이름을 바꿀 수도 있다. 2. 화면 우측에 HTML/CSS/JS 부분에 소스를 넣으면 된다.저장 : 컨트롤+s3. Setting 환경설정 하는 방법 html/css/js를 설정하는데 제이쿼리 라이브러리나 SCSS등을 설정 할 수 있습니다.위 사진과 같이 CSS를 SCSS로 설정js도 변경가능 YOUR Dashboard 내가 만든 pen리스트를 볼 수 있습니다. Search - 돋보기 이모티콘내가 예시를 보고싶어하는것을 검색해보시면 됩니다. (되.. 이전 1 다음
