분류 전체보기 썸네일형 리스트형 TypeScirpt 3 1. class TypeScirpt에서는 private, pulbic을 지정하여 보관할 수 있다. // class 작성 방법 class Player { constructor( private firstName : string, private lastName : string, public nickName:string ) {} } const joony = new Player("joony", "park", "준") joony.nickName // joony.firstName private 이라 접근 불가 class 안에서 public, private, protected 키워드를 사용할 수 있고 이는 사용범위를 지정해준다. class User { constructor( public firstName : strin.. 더보기 TypeScript 2 1. call signatures TypeScirpt에서 함수를 작성할 때에 항상 parmeter type과 return type을 함께 정의해야 한다. call signature 즉 미리 함수에 대해 type을 작성하고 이후에 함수를 만들어 사용할 수 있다. // 함수의 return type을 적지 않아도 된다, const add1 = (a:number, b:number) => a + b // call signatures : 함수에 마우스 올렸을 때 함수에 대해 알려주는 거 // 함수의 타입을 정의할 수 있다. 이는 parmeter, return 의 type을 미리 정의함을 말한다. type Add = (a:number, b:number) => number const add2:Add = (a, b) =.. 더보기 Heap, PQ 1. heap binaray tree의 일종으로 complete binary tree 이다. binary tree : each paren node can has 1 or 2 children node complet binary tree : except the bottom, every level if full of nodes heap order : internal node's key >= parent key (min heap_) min-heap, max-heap 이 있고 root에 min, max를 항상 둔다 따라서 min is O(1) add, remove 를 위해 last node를 추적한다. How to update the "last" node? : starting from the last node, .. 더보기 TypeScript 1 0. TypeScript를 사용하면 좋은 점 JavaScript의 경우 실행 전까지 오류를 감지 하지 못하지만 TypeScript 는 compile time에 오류를 미리 확인할 수 잇다. 1. Type Alias 내마음대로 정의 가능 optional 한 변수인 경우 ?을 붙여줌 변수 : type 과 같이 작성하여 type을 명시할 수 있다. 물론 Type Checker가 infer(추론) 하게 가만 두어도 된다(type은 변수 생성과 함께 정의 된다.) 함수의 경우 parameter와 return의 type을 각각 지정할 수 있다. arrow function으로도 작성 가능하다. // TypeScript // Type Alias 타입 정의 type Plyaer = { name:string, age?:n.. 더보기 Delete ` ` prettier/prettier 해결 방법 0. 원인 window와 mac의 end of line 설정이 서로 달라서 일어남. eslint에 새로운 rule을 추가하여 해결했으나 기존 프로젝트의 lint rules은 팀 또는 프로젝트에서 공통으로 사용하는 코드 컨벤션이기 때문에 개인이 변경하면 안된다는 피드백을 받아 원인을 찾아서 해결하기로 함 1. 캐리지 리턴 (CR) 문자 ( 0x0D, \r)는 다음 행으로 이동하지 않고 커서를 행의 시작 부분으로 이동합니다. 이 문자는 Commodore 및 Early Macintosh 운영 체제 (OS-9 이하)에서 줄 바꿈 문자로 사용됩니다. 줄 바꿈 (LF) 문자 ( 0x0A, \n)는 줄의 시작 부분으로 돌아 가지 않고 커서를 다음 줄로 이동합니다. 이 문자는 UNIX 기반 시스템 (Linux, Mac.. 더보기 nextJS, yarn 1. nextJS : react기반 웹 프레임워크다. 다음을 지원한다. 다이나믹 라우트를 지원하는 직관적인 페이지 기반의 라우팅 시스템 각 페이지 마다 기본적으로 사전 렌더링, SSG(Static Generation)과 SSR(Server-Side Rendering)을 지원한다. 빠른 페이지 로딩을 위한 자동 코드 스플릿팅 최적화된 프리페칭을 이용한 클라이언트 사이드 라우팅 Built-in CSS과 Sass 지원, 그리고 다른 CSS-in-JS 라이브러리 지원 개발 환경에서의 빠른 리프레시 지원 서버리스 환경에서 API를 구축하기 위한 API라우트 넓은 확장성 공식문서를 참고하여 첫 프로젝트 파일을 만들었다. Getting Started | Next.js Get started with Next.js in.. 더보기 지도 api 사용 후기 0. 구현 과정 (1) 위도 경도 값을 받아옵니다. (2) 위도 경도 값을 주소로 변환합니다. (3) 주소를 가지고 선거 API를 호출합니다. 각각의 과정에서 비동기문제가 발생하여 이를 해결하는데 문제를 겪었다... 1. 현재 위도 경도 받아오기 html5에서 제공하는 기본 wep api를 사용하면 된다. navigator.geolocation.getCurrentPosition() sucess, error 두개의 콜백함수를 parameter로 받는다 const getLocation = () => { let latitude, longitude; if (navigator.geolocation) { // GPS를 지원하면 navigator.geolocation.getCurrentPosition( functio.. 더보기 우분투 컴퓨터 아키텍쳐 에서 처음으로 가상머신 우분투라는 것을 깔아서 학습을 하게 되었다. 리눅스는 넘 낯설고 좋아하지 않는다..... 1. vi 편집기 vi 편집기 : 우분트에서 리눅스 터미널에서 코드 수정을 할 수 있게 해준다. i -> 편집모드 esc + : -> 마지막 행 모드 w : 저장 q : 종료 [vi 명령어] vi 명령어 정리 [리눅스나 유닉스에서 사용하는 vi 편집기 명령어 총 정리 입니다.] 1. vi 편집기 명령어 전체 구조 살펴보기 2. vi 명령어 총정리 (자주 사용하는 것은 색으로 표시) 3. 제가 진짜로 사용하는 blockdmask.tistory.com 2. 발생한 오류들 [우분투] vi 편집기 E325: ATTENTION swap 에러 이번 포스팅은 vi 편집기를 사용하는데 있어서.. 더보기 이전 1 2 3 4 ··· 13 다음
