전체 글 79

무료로 웹사이트를 호스팅해보자!

조건 index.html 파일이 있어야함 깃허브의 이름이 github pages여야함. 만드는방법은 상단 탭 branch - new branch - ph-pages로 만드는것. Create branch를 누르고 gh-pages 클릭 후 publish를 합시다.(Fetch origin되잇는부분을 누르라는 것) 이후 깃허브ID.gitub.io/프로젝트이름 으로 접속이가능하다 ex)dhddldid.github.io/kakao-clone 맨처음보이는 페이지가 index 페이지 ph-pages의 수정을 원한다면 matser 브랜치에서 수정후 commit 을 한뒤 pbulish 를하고 ph-pages 브랜치에서 Branch탭에서 Update from master 후 publish 를 하면됩니다!

Atom 편리한 패키지 설치 목록

오른쪽위 설치 하라는이야기가나오면 플러그인 설치이니 Yes를누르면됩니다 Packages ->Setting view -> open 또는 단축키로 [ CTRL+ , ] 하면 Setting창이열리며 install 항목으로가자. ①emmet: 웹 개발을 위한 강력한 툴, http://docs.emmet.io/에 Emmet 대한 사용법이 자세히 나와 있습니다. HTML코드작성시 html:5 !를 입력한 후 tab 키만 누르시면 위처럼 기본적인 HTML 템플릿이 생성되는 편안함을 느낄수 있습니다. ②pigments ③minimap 창 옆에 작게 코드를 작고 간단한 지도형태로 보여줌 ④color picker 코딩하는 중간에 미리보기를 통해 원하는 색상을 고를 수 있음 ⑤gitplus 깃허브 아톰을 연결해주는 패키지 ..

Setting/Utils 2018.08.10

nodejs에서 동기와 비동기의 차이

var fs = require('fs'); //동기와 비동기의 차이 확인 //readFileSync console.log('A'); var result = fs.readFileSync('syntax/sample.txt', 'utf8'); console.log(result); console.log('C'); console.log('A'); //readFile은 sync에 비해 리턴값이 존재하지 않습니다. fs.readFile('syntax/sample.txt', 'utf8', function(err, result){ //err가 있다면 err를 인자로 제공 //2번째 파라미터는 파일의 인자를 쓰기로 약속 console.log(result); }); console.log('C'); nodejs 버전 8.11..

Javascript에서 value값을 가져오는 방법 Javascript Get element Value

document.querySelector('#night_day').value = 'night' ; ID값이 night_day 의 value값을 night로 변경 *Tip 위 코드에서 더 발전한 코드들 및 설명 === 는 1===1 을했을경우 true 트루 1===2를 했을경우 boolean 블리언 onclick 이벤트태그의 적용범위가 자기자신이므로this를 대신하여 쓸수있다. document.querySelector('body')가 반복적으로 쓰이고 있다. 변수를 이용함으로써 중복을제거해보자