반응형 web39 html emmet(에멧) 문법 vscode에서 기본지원 플러그인 tap키를 통해 사용ul.list-product>li.product-$*4 ul.list-product: class="list-product"를 가진 ul 요소를 생성>: 자식 요소를 생성할 때 사용li.product-$: class="product-1", class="product-2", class="product-3", class="product-4"와 같은 li 요소를 생성$는 숫자를 1부터 시작하여 순서대로 붙임*4: 이 구조를 4번 반복 라는 의미 2024. 9. 11. [node] api에서 json 데이터 받아오기 nodeJS / postgres 간단히 node로 db 연결 후 json 데이터를 받아오면 db에 insert 되도록 구현해봤다. 1. 당연하게도 init을 먼저해준뒤 2. db 연결 db.js var { Client } = require('pg'); //postSql db 접속 const db = new Client({ user: "postgres", host: "localhost", database: "test", password: "password", port: "5432" }); db.connect(err => { if (err) { console.error('connection error', err.stack) } else { console.log('success!') } }); db.end().. 2022. 8. 30. react moment.js 이번주 기간, 다음주 기간 구하기 react로 게시판을 만드는 중 게시판 보드에 일정관리(일정 타임라인)기능을 추가했다. 이번주 기간동안 보여질 일정들과 다음주 기간동안 보여질 일정들로 UI를 구성했다. 그러기위해선 등록한 일정을 기준으로 '이번주'와 '다음주' 날짜를 계산해야했다. 처음에 어렵게 생각했었던 것과 다르게 moment에서 쉽게 계산을 해준다. //이번주/다음주 날짜 데이터 계산하기 let this_monday = moment().day(1).format('YYYY-MM-DD'); let this_sunday = moment().day(7).format('YYYY-MM-DD'); let next_monday = moment().day(8).format('YYYY-MM-DD'); let next_sunday = moment().. 2022. 4. 21. [html]meta 태그 html 파일의 순서를 보면 DOCTYPE, lang을 설정한 다음 meta 요소가 나오는데 meta 데이터는 html문서에 대한 정보를 나타낸다. 즉, html 파일에 정보를 부여하는 것. 페이지에는 표시되지 않지만 커뮤터 구문 분석이 가능하며 항상 먼저 meta 태그의 charset 속성은 HTML 문서의 문자 인코딩을 지정한다. 값은 "UTF-8" , "ISO-8859-1", "EUC-KR" 이 있고 각각의 뜻은 아래와 같다. - "UTF-8" : 유니 코드 문자 인코딩 - "ISO-8859-1" : 라틴알파벳 문자 인코딩 - "EUC-KR" : 한글 문자 인코딩 다음은 meta 태그의 name 속성이다. name 속성은 메타 데이터의 이름을 지정한다. 그리고 content로 그 내용을 담는다. a.. 2021. 11. 9. 0813 수업 일지 보호되어 있는 글 입니다. 2020. 8. 13. [JSP]JSP 지시자(지시어), 페이지에 공통요소(header,footer) include하기 page : 해당 JSP 페이지 전반적으로 환경을 설정할 내용을 지정한다. JSP 페이지에 대한 속성을 지시한다. 문법 2020. 7. 20. 이전 1 2 3 4 ··· 7 다음 반응형
