오늘도 기록it

Nodejs, VS Code 설치 npx create-react-app 파일 이름 app.js , index.js 파일 이용 npm run start. -> 파일 실행해서 창 띄우기 npm i prop-types -> prop의 타입을 설정해줘서 오류를 방지할 수 있음 Button.prototype = { text: propTypes.string.isRequired, }; text라는 prop는 string 타입이어야 하고 무조건 값이 있어야 한다. string이 아닌 다른 타입을 넣어주면 경고문을 띄워준다. css 파일은 각 모듈마다 css를 분리하여 만들어주고 그 페이지에 맞는 css를 import 해준다. import propTypes from "prop-types"; import styled fr..

Nodejs, VS Code 설치 npx create-react-app 파일 이름 app.js , index.js 파일 이용 npm run start. -> 파일 실행해서 창 띄우기 npm i prop-types -> prop의 타입을 설정해줘서 오류를 방지할 수 있음 Button.prototype = { text: propTypes.string.isRequired, }; text라는 prop는 string 타입이어야 하고 무조건 값이 있어야 한다. string이 아닌 다른 타입을 넣어주면 경고문을 띄워준다. css 파일은 각 모듈마다 css를 분리하여 만들어주고 그 페이지에 맞는 css를 import 해준다. import propTypes from "prop-types"; import styled fr..

JSX const Title = ( console.log("mouse enter")}> Hello I'm a title ); React const Title = React.createElement("h3", { id:"title", onMouseEnter: () =>console.log("mouse enter") }, "Hello I'm a title"); babel 을 이용해서 JSX로 작성한 코드를 변환 시켜준다.

github repositories에 들어오고 add file을 눌러준 다음 /_posts / 2022-01-13-원하는이름.md --- layout: single title: "sdf" --- # sdfsdf sdf sdf bundle exec jekyll serve //vscode에서 실시간 실행 https://mmistakes.github.io/minimal-mistakes/docs/configuration/ //다양한 테마 변경 vscode에서 실시간 사이트 실행 bundle exec jekyll serve

cd /usr/local/mysql/bin/ //이동 ./mysql -uroot -p. //컴퓨터 비밀번호 입력 후 접속 npm install --save mysql //mysql 모듈 설치

npm install express --save //설치 //express 연결하는 기본 코드 const express = require('express') //express란 모듈을 가져와서 express란 이름을 붙임 const app = express() //함수처럼 사용 app에는 application을 가지고 있다. //route. routing app.get('/', (req,res) => res.send('/')); app.get('/page', (req,res) => res.send('/page')); app.listen(3000, ()=> console.log('Example app listening on port 3000!'));

const url =require('url'); //url 모듈을 불러오고 const _url = request.url; //url 값을 가져오고 const quertData = url.parse(_url, true).query; //?id=xxx xxx의 값을 가져온다. node js CRUD node js file read const fs = require('fs'); //fs 모듈을 가져오고 fs.readFile(`data/${title}`,'utf8', function(err, data) { const description = data; description을 사용하기 위해서 template 변수를 여기에 가져오고 response.end(template)을 실행 }) // data 폴더에 있는 t..

mkdir hello_linux //hello_linux 파일 만든다. pwd //현재경로 ls //현재 경로 파일 touch abc.txt // 빈파일 생성 ls -l //현재 경로 파일을 좀 더 자세히 [help] mkdir --help //help를 이용해 mkdir에 대한 간단한 설명(화면 빠져나가지 않고) [man] man mkdir // 다른 화면에서 상세한 설명을 해준다. 동작하는게 있을 수도 있고 없을 수도 있다. - 하나, --둘 -하나는 축약형 -- 풀네임을 작성 sudo [super user do] - 관리자의 권한으로 명령을 실행하는 방법 관리자 권한으로 실행해야하는 명령어가 있다. nano -파일 편집기 저장 control+ o 종료 control+ x 자르기 [cut text] ..

반복되는 코드를 한번에 수정하기 맥 단축키: Command + D 변수명/함수명 한번에 바꾸기 단축키: F2 코드 위/아래로 이동하기 맥 단축키: Option + ↑ 또는 ↓ 코드 위/아래로 복사하기 맥 단축키: Shift + Option + ↑ 또는 ↓ 여러 곳에 커서를 두고 수정하기 맥 단축키: Option + 마우스 클릭 다중 커서 선택하여 수정하기 맥 단축키: Command + Option + ↑ 또는 ↓ 코드 맨 마지막에 커서 두기 맥 단축키: Shift + Option + I 커서 위치에서 박스 형태로 선택하기 맥 단축키: Shift + Option + 마우스 드래그 코드 맨 위 또는 맨 아래로 이동하기 맥 단축키: Command + ↑ 또는 ↓ 사이드바 숨김/보이기 맥 단축키: Command..

event.preventDefault(); //event의 기본동작을 막아준다. loginForm.classList.add(HIDDEN_CLASSNAME); //loginForm에 hidden이라는 클래스 이름을 넣어준다. const username = loginInput.value; //username에 value값을 넣어준다. greeting.innerText = `Hello ${username}`;//greeting에 text를 넣어준다. greeting.classList.remove(HIDDEN_CLASSNAME); //class이름을 삭제해준다. localStorage.setItem("key", "value"); //를 통해서 key,value값을 검사 ->application->안에 저장할 수..