dhddl_dev

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

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..

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

https://caniuse.com/ 들어가서 검색어에 grid를 쳐봅니다

공부하시거나 이태그가 어디까지 적용되는지 알고싶을때는하시면 아래와같이 block lavel element의 (공간을차지하는 태그)를 눈으로 쉽게볼수 있습니다.CSS border의 범위 CSS margin의 범위 CSS padding의 범위

키워드 CSS selector ID > CLASS > 일반태그 스프링을배우고 CSS만들어진것을 원하는색상에 맞게 적용하다가 무엇이 먼저 적용되는지 몰라 CLASS 태그 ID 태그 을 혼용했던적이있었는데.. #ID가 제일먼저 적용이되고 (ID의값은 한번만 선언되어야함) 그다음이class 태그! (.class) 그다음이 일반적으로 알고있는 html의 태그인것이다

저작권에 구속받지 않고 자유롭게 사용할 수 있는 이미지 키워드 [public domain image] 대표적으로 unsplash.com HTML 인기 태그 순위 https://www.advancedwebranking.com/html/