코드노트

String - JavaScript | MDN The String object is used to represent and manipulate a sequence of characters. developer.mozilla.org String .length() - 문자의 개수 .charAt() - 인덱스를 검색해서 문자를 반환 .charCodeAt() - 제로베이스로 시작해서 해당하는 문자열의 코드 반환 .IndexOf() - 호출하는 문자를 검색해서 인덱스를 반환 .lastIndexOf() - 호출하는 문자를 뒤에서부터 검색해서 인덱스를 반환 .includes() - 호출하는 문자가 포함되어 있는지 확인 - true / false로 확인 .startsWith() - 호출하는 문자로 시작하는지 확인 - ..

Number - JavaScript | MDN Number 생성자는 숫자를 다루기 위해 상수와 메소드를 가지고 있습니다. 다른 타입의 값은 Number() 함수를 사용하여 숫자로 바꿀 수 있습니다. developer.mozilla.org 초반에 정리했던 Number 메서드를 다시 정리해보려고 한다. 메소드를 제대로 이해하고 싶은데 시간이 지나면 또 까먹는거같다.... 다시 정리해보며 머리에 넣어봐야지..! Number.Properties .MAX_VALUE - 최대 수 / JavaScript가 표현할 수 있는 제일 큰 숫자 값 - 1.7976931348623157e+308 .MIN_VALUE - 최소 수 / JavaScript가 표현할 수 있는 제일 작은 숫자 값 - 5e-324 .MAX_SFAE_INT..

prettier을 사용하는 경우는 당연히 코드를 쉽게 정리하고 작성하기 위해서이다. 근데 지금까지 플러그인으로 설치 후 제대로 사용을 못하고 있었다... 안되는 경우가 많을텐데 내가 해결한 방법은 Editor.Default Formatter을 검색하여서 포맷터가 설정되어 있는지 확인해야한다. 다른 format on save 체크를 확인도 해봤고, .prettierrc파일도 생성해봤지만 해결이 되지 않았었다 ㅠㅠ 혹시나 나처럼 해결이 안된다면 이방법으로 해결해보면 될 것 같다.

const fs = require("fs"); const input = fs.readFileSync("./input.txt", "utf8") console.log(input); 프론트엔드를 준비하면서 자바스크립트로 알고리즘 공부를 하려고 하면 처음에 시작해야하는게 있다. 파일을 가지고 오려면 require()를 통해서 들고 온다. fs = file system fs 라이브러리 중에서 readFileSync를 통해서 파일을 읽을 수 있는 기능을 제공하는 함수를 가지고온다. input에 담겨 있는 console.log로 출력해보면 문자열로 확인이 가능해진다. 텍스트 파일을 불러오려면 이렇게 진행해야한다. 그 외에 다른방법도 있지만 node.js에서 사용하기 위해서 이렇게 사용한다.

오늘도 어김없이 npm run dev를 하던중 에러가 떴다. 처음보는 에러였는데 address already in use.... Error: listen EADDRINUSE: address already in use 127.0.0.1:8080 대충봐도 서버가 이상이 있다는거 같은데... 다른 프로젝트파일에서 서버를 돌리다가 끄지 않은거 같다. 포트를 다른걸로 바꾸면 되지만 괜히 찝찝하잖아.. 해결하려고 또 구글링을 했다. 근데 내가 사용하고 있는 작업은 지금 현재 하나인데.. 뭐지? 그냥 오류인거 같다.. 비정상적으로 종료되면 이렇게 된다는... 일단 강제로 서버를 종료해줘야 할거 같다... 그냥 이것만 입력해! sudo lsof -i :8080 sudo kill -9 (PID값) 나는 8080 서버를 ..

Primitive Type - 오브젝트, 레퍼런스 형태가 아닌 실제 값을 저장하는 자료형 - 프리미티브 형의 내장 함수를 사용 가능한것은 자바스크립트 처리 방식 덕분 - 리터럴 값으로 Primitive 타입의 서브타입을 나타낼 수 있다. Type Casign - TypeScript의 핵심 Primitive type은 모두 소문자이다. boolean let codenote :boolean = true / false; let codenote :true = true; let codenote :false = false; - boolean 소문자로 사용 - true / false number let codenote :number = 123; - javaScript, TypeScript의 모든 숫자는 부동소수점 값..

Object.assign const userAge = { // key: values name: 'codenote', age: 20 }; const userEmail = { name: 'codenote', email: 'kjun_all@naver.com' }; const target = Object.assign(userAge, userEmail); console.log(target); // {name: 'codenote', age: 20, email: 'kjun_all@naver.com'} console.log(userAge); // {name: 'codenote', age: 20, email: 'kjun_all@naver.com'} console.log(target === userAge); // true..

글로벌로 시작하기 npm typescript -g typescript파일인 .ts파일 생성 후 tsc test.ts tsc 명령어를 사용하면 .js파일로 컴파일 된 걸 확인할 수 있다. tsc --init tsconfig.json파일이 생성되는 걸 볼 수 있다. 이 파일이 생성된 곳에서는 tsc만 입력해도 실행된다. tsc -w watch모드를 실행하게 되면 자동으로 컴파일이되는걸 확인할 수 있다. node-modules로 시작하기 npm init --y packge.json 파일이 생긴다. npm i typescript npm으로 typescript를 설치해서 사용할 수 있다. npx tsc --init 명령어로 tsconfig.json파일을 설치할 수 있다. 이제 npx tsc로 컴파일 할 수 있다...

정규표현식(RegExp) 정규식, Regular Expression 역할 - 문자 검색(search) - 문자 대체(replace) - 문자 추출(extract) RegExr: Learn, Build, & Test RegEx RegExr is an online tool to learn, build, & test Regular Expressions (RegEx / RegExp). regexr.com - 생성자 new RegExp('표현', '옵션') new RegExp('[a-z]', 'gi') - 리터럴 /표현/옵션 /[a-z]/gi 예제 문자 const str = ` 010-1234-5678 codenote@naver.com https//www.omdbapi.com/?apikey=7035c60c&s=f..

localStorage - 데이터를 지우지 않는 한 반영구적으로 사용할 수 있다. sessionStorage - 페이지를 닫으면 데이터가 사라진다. localStorage 알아보기 localStorage.setItem('key', 'value'); - 데이터를 지정 localStorage.getItem('key'); - key값만 사용해서 데이터를 가지고올수 있다. localStorage.romoveItem('key'); - key값으로 데이터를 지울수 있다. ex) const user = { name: 'codenote', age: 22, emails: [ 'kjun_all@naver.com', 'codenote@gmail.com' ] }; localStorage.setItem('user', user)..