JS

[git] git init 풀기

rm -r .git git 관련 파일 모두 제거 및 git 과의 연결을 모두 풂

[Svelte] 세팅

세팅 > npm create svelte@latest my-app * skeleton project: 더미 프로젝트. 틀만 있는 프로젝트. * ESLint: 에러가 있는 쪽에 표시를 해주는 도구. * Prettier: 코드 정렬. (그냥 예쁘게 정렬하여 보여주는 그런) * Playwright: - 이후, Next steps: 라는 말과 함께 입력해야하는 명령어가 나온다. 순서대로 입력해주면 된다. (git init은... 깃 안올릴거면 안해도 된다) 이렇게 하면 세팅은 끝난다. config는 tsconfig.json 혹은 jsconfig.json에서 건들 수 있다.

[js] Intl

Intl은 구린 자바스크립트 날짜 문법을 도와줄 api입니다. 언어에 맞는 날짜 표시를 도와줍니다. let date = new Date; let dateKR = new Intl.DateTimeFormat('kr').format(date); console.log(dateKR); // 2022. 12. 15. (현재날짜)

[React] 세팅

일단 npm으로 설치하는 경우가 일반적이니, node.js를 설치하여 npm과 node.js를 다운로드 받아주자. 프로젝트 폴더를 Shift+우클릭 하여 Powershell을 프로젝트 폴더에서 열어주자. npx create-react-app 을 입력하여 리액트를 세팅해주자. 세팅에 성공하면 시간이 오래 걸릴 수 있다. 만약 Powershell을 이용한 세팅이 처음이라면 붉은 글씨로 써져있는 오류가 무조건 날 것이다. Window의 경우, 그냥 Powershell을 관리자 권한으로 실행시키고, Set-ExecutionPolicy Unrestricted 을 입력한 뒤 y를 입력한다. Mac의 경우는 생략한다. 이런 식으로 파일이 생성되었다면 성공이다. 터미널에서 npm start를 입력하여 미리보기를 할 수..

[node.js] node & npm 업데이트

※ window의 경우엔 node.js를 재설치하여 업데이트할 수 있습니다. ※ 간혹 node 버전이 너무 낮아서 cmd를 통한 업데이트가 불가능할 수도 있습니다. Node.js node -v #버전 확인 npm cache clean -f #캐시 삭제 npm install -g n #버전관리 플러그인 n latest #최신버전 n lts #lts 버전 n stable #안정버전 n ~ 중 하나를 선택하여 원하는 버전을 설치하시면 됩니다. npm npm -v #버전 확인 npm i -g npm #업데이트

[js] class

자바스크립트에서 class를 정의하는 방법에는 두 가지가 있다. 먼저 가장 예전의 방법이다. function Class1(a) { this.type = 'number'; this.text = a; this.func = function () { return false; } } console.log(class1.type) // 'number' console.log(class1(123)) // 123 하지만, 이후 자바스크립트가 업데이트가 되면서 class를 제대로 지원하기 시작했다. 위를 constructor 로 다시 써보면 이렇다. class Class1 { constructor(a) { this.type = 'number' this.text = a } func() { return false; } get ..