오식랜드

accent-color를 사용하면 된다! input[type=checkbox]{ accent-color: #e90b73; } input[type=radio]{ accent-color: #e90b73; } input[type=range]{ accent-color: #e90b73; } input[type=progress]{ accent-color: #e90b73; }

vue, nuxt에서 url에 붙은 파라미터를 지우고 싶을 때 사용하는 코드! beforeDestroy(){ this.$router.push($route.path) } 페이지 나가면서 지워버리기~

이전에 사용하던 코드문법 중 콜백함수를 알아보자 아래의 코드에서는 .get이라는 함수에서 파라미터에 함수가 하나 더 있다 --> 이 부분 ! function(요청, 응답){} app.get('/pet', function(요청, 응답){ 응답.send('펫 용품 쇼핑 사이트 입니다.') }); 이러한 함수 안의 함수를 콜백함수라고 한다! 콜백함수는 순차적으로 실행하고싶을 때 사용한다! 또한, 콜백함수 내에 (요청, 응답) 부분은 직접 console로 찍어보면 '요청'부분에선 클라이언트가 어떤 요청을 했는지 볼 수 있고, '응답'에서는 어떤 응답을 줄 것인지 정해줄 수 있다. function(요청, 응답) {} 은 ES6문법으로 사용해도 된다. (요청, 응답) => {} 와 같은 화살표함수로 사용해도 된다!

이전에 적용해본 /pet, /beauty 등에 진입 시 html파일을 보여주자 기존에는 res.send('메세지')로 화면에 글을 보여줬는데, html을 보여줄 때에는 res.sendFile(’파일명)을 사용한다. // server.js app.get('/', function(req, res){ res.sendFile( __dirname + '/index.html') }) __dirname은 server.js의 경로를 불러오는 것이고, server.js와 같은 경로에 있는 index.html을 불러오는 것이다. 현재는 최상단 페이지가 보여지도록 '/' 로 표기되어있다. '/'는 최상단이라는 의미이다. 그리고 경로에 맞게 index.html을 생성해서 텍스트를 넣어보자 // index.html 안녕하세요 ..

node.js로 서버를 열어 코드를 수정할 때, 수정할 때 마다 ctrl+c로 서버를 껐다가 다시 node server.js로 켰다가 하며 확인을 해야하는 번거로움이 있다. 이 때 서버 재실행을 자동화해주는 라이브러리를 설치하자 그것이 nodemon! 1. Terminal 열기 2. 터미널에 npm install -g nodemon 입력 (-g = global : 해당 폴더 뿐만 아니라 컴퓨터 전역에 설치) 3. 터미널에 nodemon server.js 입력 *yarn 사용시 yarn add global nodemon 입력해서 설치 이제는 js파일을 수정하면 자동으로 재시작을 해주어 아ㅏㅏㅏ주 편리하다! 출처 : 코딩애플 유튜브 링크 : https://www.youtube.com/watch?v=Yn4fU..

지난 게시물에서 node.js 와 express를 설치했다. 그것을 이용하여 서버를 열어보자! 우선 지난 게시물에서 이름을 먼저 정해놧던 server.js파일을 만든다 아래 코드를 입력해준다. 이 코드는 서버를 열 때, 가장 기본이 되는 코드라고 한다. // server.js const express = require('express'); // 라이브러리 호출 const app = express(); // 객체에 저장 app.listen(); // .listen = 서버를 열겠다 .listen은 서버를 열겠다는 함수이다. 이제 어디에 열것인가를 정해주어야 한다. .listen(파라미터1, 파라미터2) 로 전달을 해준다. *파라미터1 = 서버를 띄울 포트번호 *파라미터2 = 띄운 후 실행할 코드 app.l..