개발 블로그

HTML 변경 🔻 null이 들어오는 경우 체크해주는 옵션 tsconfig.json 파일에서 "strickNullChecks" 옵션을 true로 지정한다. 혹은 그냥 "strict" : true 를 하면 strickNullChecks 자동으로 true로 켜진다. 🔻 selector로 html을 찾으면 못찾을 경우가 null값이 되어서 변수가 union type이다. ( Element | null ) let 제목 = document.querySelector("#title"); 제목.innerHTML = 'hi' //error 해결책 1) narrowing if (제목 != null) { 제목.innerHTML = "hi"; } 해결책2 ) instanceof 사용하는 narrowing if (제목 inst..

Type Aliases - 타입을 여러가지 써야할 때 길어서 보기싫거나, 나중에 또 사용하고싶을 때 변수에 담아서 사용한다. ( 타입 키워드는 재정의가 불가능하다. 보통 대문자로 시작하거나 뒤에 type이라고 붙여서 작명해준다. ) - Alias는 새로운 type 변수를 생성하는 것이 아니라, 정의한 타입에대해 쓰기쉽게 새로운 별칭을 부여하는 것과 같다. 1. 변수에 저장 type 타입변수명 = 타입종류 type 저장 = string | number | undefined; let 변수1 : 저장 = 1; 2. Object // type 키워드 쓰지않을 때 코드 let 학생: { name: string, age: number } = { name: "kim", age: 23, }; type 사람 = { na..

🔗 Prototype 정리 https://manon-kim.tistory.com/129 [JS] 객체지향 (Constructor, Prototype) Prototype ? : Javascript는 흔히 프로토타입 기반언어(prototype-based language)라 불린다. 모든 객체들이 메소드와 속성들을 상속받기 위한 템플릿으로 프로토타입 객체(prototype object)를 가진다... manon-kim.tistory.com ES5 - Object.create( ) Object.create() : ES5 때 나온 상속이용하여 쉽게 object 만드는 방법 Object.create(부모object) : 소괄호안에 적은 부모 object가 prototype이 된다. let 부모 = { name : ..

터미널에서 code . 를 입력하면 VScode가 안열리고 에러발생할 때 1. PATH가 정상적으로 설정되지 않으면 아래와 같은 에러 발생 $ code zsh: command not found: code 1-1. VScode를 실행하고 Command + Shift + P를 입력해서 커맨드 팔레트를 연다. 'Shell Command : Install 'code' command in PATH' 실행해서 추가한다. 1-2. 터미널에서 code -v를 실행해서 버전이 출력되면 해결 2. 1-1에서 permission error가 발생하면 터미널에서 bin 디렉토리에 접근하여 PATH code를 지우고 다시 install 한다. cd /usr/local/bin sudo rm -rf code VScode를 켜서 1..

Prototype ? : Javascript는 흔히 프로토타입 기반언어(prototype-based language)라 불린다. 모든 객체들이 메소드와 속성들을 상속받기 위한 템플릿으로 프로토타입 객체(prototype object)를 가진다. 프로토타입 객체는 상위 프로토타입 객체로부터 메소드와 속성을 상속 받을 수있고 그 상위 프로토타입도 마찬가지이다. 이를 프로토타입 체인 (prototype chain)이라 부르며, 한 객체에 정의된 메소드와 속성을 다른 객체에서 사용할 수 있도록하는 근간이다. Javascript의 자료형 1. Primitive data type : 자료 자체가 변수에 저장되는 자료들 (문자, 숫자 자료형) let name = 'kim'; let age = 30; 2. Refer..

Git flow 🔻 main과 개인 브랜치 사이에 중간 브랜치를 생성한다. ? 아직 확인이 제대로 되지않은 feature branch를 세상밖에 바로 내보낼 수 없기 때문에, 개발자들끼리 merge하여 기능을 테스트하고 확인하는 branch를 생성한다. ✔️ main > develop > feature main branch : main은 실제로 상품 단계에서 구동되고 있는 단계의 코드들이 모여있다. (production release에 사용되는 branch) develop branch : 다음 release에 포함되기 위해 생성된 feature branch 코드가 병합되는 브랜치이다. feature brnach : 새로 생성하는 기능을 개발할 때 사용되는 브랜치이다. ✔️ main으로 병합하기전에 크게..

🤷🏻‍♀️ Plug-in ? > wiki In computing, a plug-in (or plugin, add-in, addin, add-on, or addon) is a software component that adds a specific feature to an existing computer program. When a program supports plug-ins, it enables customization. > html plugin이란 웹 브라우저의 표준 기능을 확장해 주는 프로그램을 의미한다. 쉽게 말하자면 콘센트에 플러그를 꼽는 것처럼 본체 프로그램에 없던 기능을 더해 넣는 (add-in) 컴퓨터 프로그램이다. ( = 기본 소프트웨어를 지원해서 특수한 기능을 확장할 수 있도록 설계된 부..

문자열 s에는 공백으로 구분된 숫자들이 저장되어 있습니다. str에 나타나는 숫자 중 최소값과 최대값을 찾아 이를 "(최소값) (최대값)"형태의 문자열을 반환하는 함수, solution을 완성하세요. 예를들어 s가 "1 2 3 4"라면 "1 4"를 리턴하고, "-1 -2 -3 -4"라면 "-4 -1"을 리턴하면 됩니다.제한 조건 s에는 둘 이상의 정수가 공백으로 구분되어 있습니다. 입출력 예 sreturn "1 2 3 4" "1 4" "-1 -2 -3 -4" "-4 -1" "-1 -1" "-1 -1" function solution(s) { let arr = s.split(' '); return `${Math.min(...arr)} ${Math.max(...arr)}` }

문제 설명 JadenCase란 모든 단어의 첫 문자가 대문자이고, 그 외의 알파벳은 소문자인 문자열입니다. 문자열 s가 주어졌을 때, s를 JadenCase로 바꾼 문자열을 리턴하는 함수, solution을 완성해주세요. 제한 조건 s는 길이 1 이상인 문자열입니다. s는 알파벳과 공백문자(" ")로 이루어져 있습니다. 첫 문자가 영문이 아닐때에는 이어지는 영문은 소문자로 씁니다. ( 첫번째 입출력 예 참고 ) 입출력 예sreturn "3people unFollowed me" "3people Unfollowed Me" "for the last week" "For The Last Week" function solution(ss) { return ss.toLowerCase().split(' ') .map(e..

문제 설명 피보나치 수는 F(0) = 0, F(1) = 1일 때, 1 이상의 n에 대하여 F(n) = F(n-1) + F(n-2) 가 적용되는 수 입니다. 예를들어 F(2) = F(0) + F(1) = 0 + 1 = 1 F(3) = F(1) + F(2) = 1 + 1 = 2 F(4) = F(2) + F(3) = 1 + 2 = 3 F(5) = F(3) + F(4) = 2 + 3 = 5 와 같이 이어집니다. 2 이상의 n이 입력되었을 때, n번째 피보나치 수를 1234567으로 나눈 나머지를 리턴하는 함수, solution을 완성해 주세요. 제한 사항 n은 2 이상 100,000 이하인 자연수입니다. 입출력 예nreturn 3 2 5 5 입출력 예 설명 피보나치수는 0번째부터 0, 1, 1, 2, 3, 5,..