프로그래머스 JS - 로또의 최고 순위와 최저 순위

2021 Dev-Matching: 웹 백엔드 개발자로또의 최고 순위와 최저 순위lottos: 민우의 로또 번호, 동생의 낙서로 지워진 숫자는 0 처리win_nums: 로또 1등 번호낙서로 지워진 값을 최고 순위와 최저 순위로 계산한 당첨순위 배열includes 메서드를

2022년 4월 7일
·
0개의 댓글

프로그래머스 JS - 신고 결과 받기

프로그래머스 2022 카카오 블라인드 코딩테스트 문제입니다. 자바스크립트로 풀었습니다.신고 결과 받기id_list: 이용자의 id가 담긴 문자열 배열repoort: 신고한 유저 id와 그 유저가 신고한 유저id 문자열 배열k: 정지 기준 신고 횟수 (포함)각 유저별 처

2022년 4월 7일
·
0개의 댓글

JS Array 배열 메서드 2/2

es6에서 도입된 fill 메서드는 인수로 전달받은 값을 배열의 처음부터 끝까지 요소로 채웁니다. 이때 원본 배열이 변경됩니다.두 번째 인수로 요소 채우기를 시작할 인덱스를 전달할 수 있습니다.세 번째 인수로 요소 채우기를 멈출 인덱스를 전달할 수 있습니다.fill 메

2022년 4월 6일
·
0개의 댓글

JS Array 배열 메서드 1/2

✔ Array.ofes6에서 도입된 Array.of 메서드는 전달된 인수를 요소로 갖는 배열을 생성합니다. Array.of는 Array 생성자 함수와 다르게 전달된 인수가 1개이고 숫자이더라도 인수를 요소로 갖는 배열을 생성합니다.✔ Array.fromes6에서 도입된

2022년 4월 3일
·
0개의 댓글

TS 함수의 타이핑, 그리고 선택적 매개 변수와 기본 매개변수

✔ 함수의 반환 (Return) 타입 명시하기함수의 반환 값을 명시하기 위해서 매개변수를 포함하고 있는 괄호 뒤에 콜론 (:)을 찍고 반환 타입을 명시할수 있습니다.function 함수이름 (매개변수1, 매개변수2): 함수의 반환 타입 {}아래 예시 함수를 보면 con

2022년 4월 3일
·
0개의 댓글

TS Any,Union Type, Type Aliases, Type Guards

any 타입은 어떠한 타입이든 모두 할당할수 있다는 뜻입니다.한마디로 타입체크를 하지 않겠다는 뜻입니다.하지만 타입스크립트는 타입에 관학 더많은 정보를 명시할 수록 더 좋습니다.즉 any 타입은 최대한 피하는것이 좋습니다.만약에 무슨 타입이 변수에 들어올지는 정확하게는

2022년 4월 3일
·
0개의 댓글

TS 열거형 (Enum) 과 리터럴 타입

인터페이스 프로퍼티 타입중 gender string으로 명시 되어있는 타입이 있습니다. 만약 gender 프로퍼티에 들어갈수 있는 값을 male, female 이 두가지 값만으로 제한하고 싶을때 단순히 프로퍼티 타입을 string으로 명시하는것 말고는 없을까요?크게는

2022년 4월 3일
·
0개의 댓글

TS 타입 명시

변수를 선언할 때, 변수 값의 타입을 명시함으로써 변수 값의 데이터 타입을 지정합니다.타입을 명시하고 다른 타입의 벨류를 입력한다면 컴파일 에러가 발생합니다. ✔ Syntax 대부분의 경우 변수 이름뒤에 :을 적고 변수의 데이터 타입을 정해줍니다. 아래 예제의 값은 s

2022년 4월 3일
·
0개의 댓글

TS cannot redeclare block-scoped variable. 에러

typescript 에서 변수 선언을 하면 에러가 발생합니다.cannot redeclare block-scoped variable 'name'이 때 해결할 수 있는 방법은, 빈 object 를 export 해주면 됩니다.

2022년 4월 3일
·
0개의 댓글

TS 타입 추론 (Type Inference)

자바스크립트에서는 아래 예제에서 처럼 a변수에 string 값인 "hello"로 재할당 하려하면 문제없이 재할당 가능합니다.하지만 타입스크립트에서는 Type 'string' is not assignable to type 'number'. 에러가 발생합니다. 컴파일을 시

2022년 4월 3일
·
0개의 댓글

TS Duplicate function implementation. 에러

타입스크립트를 구현하다보면Duplicate function implementation. 작성한 함수명 밑줄에 에러가 뜨는걸 볼수있습니다.이는 비주얼스튜디오코드의 버그 입니다.이를 해결하기 위해서는 터미널에서 tsc --init명령어를 입력해서 해결합니다. tsconfi

2022년 4월 3일
·
0개의 댓글

TS annotations

✔ 정적 타입을 기본으로 하는 C JAVA와 마찬가지로 변수 선언에 타입을 지정할 수 있습니다.✔ 변수에 대한 타입을 지정하면 해당 변수에 다른 타입의 값을 대입 할 수 없습니다.✔ 변수에 정의한 타입과 다른 타입의 값을 대입하는 코드는 TS 컴파일러에 의해 컴파일 오

2022년 4월 3일
·
0개의 댓글

📃TypeScript란?

TS 안전하고 예측 가능한 코드 구현에 초점을 맞춘 JS의 상위 집합(superset)언어 입니다.가장 큰 특징은 기존 JS에 Type System을 적용한 것입니다.TS로 작성된 코드는 TS 컴파일러(tsc)를 통해 JS 변환되고 이후 실행됩니다.TS 이외에도 Dec

2022년 4월 2일
·
0개의 댓글

CSS flex - basis & grow & shrink

flexbox는 뷰포트나 요소의 크기가 불명확하거나 동적으로 변할 때에도 효율적으로 요소를 배치, 정렬, 분산할 수 있는 방법을 제공하는 CSS3의 새로운 레이아웃 방식입니다. flexbox의 장점을 한 마디로 표현하면 '복잡한 계산 없이 요소의 크기와 순서를 유연하게

2022년 4월 2일
·
0개의 댓글

CSS position

요소(element)를 원하는 위치에 배치하기 위해서 사용하는 CSS의 position 속성에 대해서 알아보겠습니다.top(위), right(오른쪽), bottom(아래), left(왼쪽) 속성이 요소를 배치할 최종 위치를 결정합니다.기본값은 static 입니다.sta

2022년 4월 2일
·
0개의 댓글

CSS box-sizing

box-sizing 속성은 CSS의 테두리 영역의 크기를 결정합니다. box-sizing 속성값에는 content-box와 border-box가 있습니다.content-box : 지정한 CSS width 및 height를 컨텐츠 영역에만 적용합니다. border, pa

2022년 4월 2일
·
0개의 댓글

CSS box model

모든 HTML 요소는 박스(box) 모양으로 구성되며, 이것을 박스 모델(box model)이라고 부릅니다.하나의 박스는 네 부분(영역)으로 이루어집니다.박스 모델은 HTML 요소를 패딩(padding), 테두리(border), 마진(margin), 그리고 내용(con

2022년 4월 2일
·
0개의 댓글

CSS 단위 px vs em vs rem

px은 고정적인 절대값의 단위입니다. 반면 em과 rem환경에 따라 변하는 단위입니다 em 과 rem은 가변단위로서 브라우저 환경에서 px로 변환됩니다.em은 같은 엘리먼트에서 지정된 font-size를 기준으로 px로 바뀌어 화면에 표시됩니다. 같은 엘리먼트에 설

2022년 4월 2일
·
0개의 댓글

가상 클래스 선택자

CSS 가상 셀렉터(Pseudo Selector) :active, :hover, :focus, :link, :visited 가상 셀렉터 :hover를 이용하면 마우스가 해당 요소 위에 있을 때 요소의 스타일 변경할 수 있습니다. 밑에 보이는 예제의 입력창에 마우

2022년 4월 2일
·
0개의 댓글