profile
Dreams don't run away It is always myself who runs away.
post-thumbnail

[javascript] 배열 원소 뒤집기 reverse()

reverse() 함수는 배열의 순서를 거꾸로 만들어준다.이 함수는 이 함수를 호출한 배열을 거꾸로 뒤집고, 그 배열을 가리키는 참조값을 반환한다.따라서, 이 함수를 실행시키면 원본 배열이 변형된다.reverse() 함수를 사용하면 원본 배열이 변형된다.원본 배열은 그

7일 전
·
0개의 댓글
·
post-thumbnail

[typescript] interface object 타입지정

interface 문법을 쓰시면 object 자료형의 타입을 보다 편리하게 지정 가능하다.interface는 object랑 비슷한 모습으로 작성하면 된다. type alias 용도와 기능이 똑같다. 대문자로 작명하고 {} 안에 타입을 명시해주면 된다.위와 같이 중복 사

7일 전
·
0개의 댓글
·
post-thumbnail

[typescript] class 문법의 타입 지정

class 내부에는 모든 자식 object들이 사용 가능한 속성을 만들 수 있다.위 예제를 보면 class 중괄호 안에다가 변수처럼 data = 0을 자식들에게 뿌려줬다.class안에 변수처럼 선언하지만 var let과 같은 키워드는 사용하지 않는다.자식요소들은 obj

2023년 1월 29일
·
0개의 댓글
·
post-thumbnail

[typescript] 함수와 methods에 type alias 지정하는 법

함수 타입도 type alias로 저장해서 쓸 수 있다.예를 들어 숫자 두개를 파라미터로 입력할 수 있고, 숫자를 return 하는 함수를 별명을 지어서 사용하려면 아래와 같이 코드를 작성한다.함수에 type alias를 지정 할 때는 화살표 함수를 사용한다.이렇게 만

2023년 1월 29일
·
0개의 댓글
·
post-thumbnail

[typescript] Literal Types와 as const

string, number와 같은 타입만이 타입이 될 수 있는게 아니다. 일반 글자같은 것도 타입이 될 수 있다.위 코드를 보면 yong이라는 변수는 이제 'cute'라는 글자만 할당할 수 있고, sang이라는 변수는 'sexy'라는 글자만 할당할 수 있다. 이렇게 특

2023년 1월 29일
·
0개의 댓글
·
post-thumbnail

[javascript] let, const 키워드와 블록 레벨 스코프 ( with 변수 호이스팅 )

var 키워드로 선언한 변수는 중복 선언이 가능하다.위 예제와 같이 만약 동일한 이름이 변수가 이미 선언되어 있는 것을 모르고 변수를 중복 선언하면서 값까지 할당했다면 의도치 않게 먼저 선언된 변수 값이 변경되는 부작용이 발생한다.var 키워드로 변수를 선언하면 변수

2023년 1월 20일
·
0개의 댓글
·
post-thumbnail

[javascript] 스코프

스코프란 ? 스코프는 자바스크립트를 포함한 모든 프로그래밍 언어의 기본적인 중요한 개념이다. var 키워드로 선언한 변수와 let 또는 const 키워드로 선언한 변수의 스코프도 다르게 동작한다. 변수는 자신이 선언된 위치에 의해 자신이 유효한 범위, 즉 다른 코드

2023년 1월 19일
·
0개의 댓글
·
post-thumbnail

자바스크립트 알고리즘 피자 나눠 먹기 (3)

사람수 / 피자조각 나머지가 0 이면 n / slice를 하여 피자가 몇판인지 나오게 하고아니라면 n / slice 의 +1 을 하여 부족한 피자에서 +1을 해주고 Math.floor로 소숫점 제거

2023년 1월 18일
·
0개의 댓글
·
post-thumbnail

자바스크립트 알고리즘 배열 원소의 길이

map()은 새로운 배열을 반환하니까 map을 사용해 배열의 원소들의 length가 담긴 값을 리턴

2023년 1월 18일
·
0개의 댓글
·
post-thumbnail

자바스크립트 알고리즘 머쓱이보다 키 큰 사람

filter()를 이용하여 배열의 원소에서 height 보다 큰 원소만 추려 length를 리턴

2023년 1월 18일
·
0개의 댓글
·
post-thumbnail

자바스크립트 알고리즘 양꼬치

양꼬치가 10부터는 let c = Math.floor(n / 10) 으로 소수점은 빼고 서비스 음료수의 갯수를 구해두고 양꼬치와 음료 합계에서 서브스 음료 값 만큼 빼준다. else n 12000 + 2000 k로 계산한다.

2023년 1월 18일
·
0개의 댓글
·
post-thumbnail

[typescript] 타입 확정하기 Narrowing & Assertion

위와 같은 함수를 실행시키려 할 때 에러가 발생한다.number | string과 같은 유니온 타입에는 일반적으로 조작을 못하게 막아둬서 그렇다.이럴경우 Narrowing과 Assertion을 사용한다.Type Narrowing은 if문과 typeof를 이용하여 x가

2023년 1월 18일
·
0개의 댓글
·
post-thumbnail

자바스크립트 알고리즘 배열의 평균값

reduce()를 이용하여 배열의 모든 요소들의 더해주고 그 결과값에 배열의 length를 나누어 처리하였다.여기서 reduce()는 초기값(initalValue)를 지정하지 않으면 배열의 첫번째 요소부터 시작한다. 하지만 빈배열에서 초기값이 없을 경우 에러를 발생시키

2023년 1월 17일
·
0개의 댓글
·
post-thumbnail

자바스크립트 알고리즘 짝수의 합

✨ 문제 ✨ 나의 코드

2023년 1월 17일
·
0개의 댓글
·
post-thumbnail

자바스크립트 알고리즘 각도기

if문으로 각도에 맞게 return을 하였다.filter를 활용한 코드 ..

2023년 1월 16일
·
0개의 댓글
·
post-thumbnail

자바스크립트 알고리즘 두 수의 나눗셈

num1, num2를 나눈 후 1000을 곱해주고 return 할 때 정수만 반환하도록 Math.floor를 통해서 소수점 아래는 없애주었다.

2023년 1월 16일
·
0개의 댓글
·
post-thumbnail

[Git] GitHub fork로 협업

가장 먼저 협업 할 프로젝트 레에서 fork를 하여 나의github에 복사한다.그러면 자신의 github에 Forked from ....이라고 적힌 프로젝트가 생성된다.다음으로 fork한 프로젝트를 자신의 로컬 저장소에 clonefork한 레포의 url을 복사한다.$

2023년 1월 12일
·
0개의 댓글
·
post-thumbnail

React의 MVVM 패턴이란 ?

MVVM (Model-View-ViewModel) 패턴은 Model View, View, Model의 약자로 프로그램의 비즈니스 로직과, 프레젠테이션 로직을 UI로 명확하게 분리하는 패턴이다.데이터를 관리하는 로직과 UI로직을 깔끔하게 분리하면, 어플리케이션을 보다 쉽

2023년 1월 12일
·
0개의 댓글
·
post-thumbnail

[error] Warning: 'value' prop on 'input' should not be null. Consider using the empty string to clear the component or 'undefined' for uncontrolled components.

Warning: 'value' prop on 'input' should not be null. Consider using the empty string to clear the component or 'undefined' for uncontrolled components

2023년 1월 11일
·
0개의 댓글
·
post-thumbnail

JS Promise, async/await

자바스크립트에서는 비동기 처리를 다룰 수 있는 방법에는주로 callback, Promise, async/await 를 활용한다.Promise는 자바스크립트에서 비동기 처리에 사용되는 객체이다.Promise의 3가지 상태Pending (대기)Fulfilled (이행)Re

2023년 1월 6일
·
2개의 댓글
·