웹
-
[JavaScript] 정규 표현식 (/[a-z]/, /[0-9]/)웹/JavaScript 2022. 12. 6. 22:25
오늘도 프로그래머스 코딩테스트 연습 풀다가 부족한 개념이 보여 정리를 하려고 한다. https://school.programmers.co.kr/learn/courses/30/lessons/120864 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 이 문제에서 정규 표현식을 사용하면 조금 더 쉽게 문제를 풀 수 있다. 정규표현식이란 ? 특정한 규칙을 가진 문자열의 집합을 표현하는 데 사용하는 형식 언어이다. 즉, 문자열에서 특정 문자 조합을 찾기 위한 패턴이라고 생각하면 된다. 정규식 플래그 기호 의미 g 전역 검색 (모든 검색 결과 반환) m 줄바꿈 검색..
-
[JavaScript] 실수(반올림/내림/올림) , 배열 (pop,push,splice), split, sort웹/JavaScript 2022. 12. 3. 16:34
실수 1. 올림 : Math.ceil(); 2. 반올림 : Math.round(); 3. 내림 : Math.floor(); 4. 소수점 자리 지정 (3.22).toFixed(1); // 3.2 splice 메서드 - 배열 요소 추가 삭제 Array.prototype.splice() 메서드는 배열의 특정 위치에 배열 요소를 추가하거나 삭제하는데 사용합니다. 리턴값은 삭제한 배열 요소입니다. 삭제한 요소가 없더라도 빈 배열을 반환합니다. /* 배열 임의의 위치에 요소 추가 제거 */ // start - 수정할 배열 요소의 인덱스 // deleteCount - 삭제할 요소 개수, 제거하지 않을 경우 0 // el - 배열에 추가될 요소 arr.splice(start, deleteCount, el); var a..
-
[JavaScript] reduce 함수 알아보기웹/JavaScript 2022. 12. 3. 12:33
프로그래머스 코딩테스트 연습문제를 풀다가 reduce 메소드의 사용이 헷갈려서 정리하는 시간을 갖게 되었다. reduce() 메서드란? reduce() 메서드는 배열의 각 요소에 대해 주어진 리듀서 (reducer) 함수를 실행하고, 하나의 결과값을 반환합니다. 예시) 리듀서 함수는 네 개의 인자를 가진다. 누산기 (acc), 현재 값 (cur), 현재 인덱스 (idx), 원본 배열 (src). 리듀서 함수를 풀면 아래 왼쪽 긴 코드 대신 오른쪽 코드처럼 간결하게 작성 가능하다.
-
[TypeScript 기초] 실행 방법, 주요 타입, 열거타입(enum), 제네릭(Generic)웹/TypeScript 2022. 9. 18. 11:02
1. ts파일을 js파일로 변환 방법 터미널에 tsc main(파일명)을 입력합니다. 2. 주요 타입 string - 문자열 boolean - T/F number - 숫자 symbol - symbol 생성자를 호출해 생성된 고윳값 any - 모든 타입을 허용하는 타입. 코드를 쓰는 동안 정해지지 않은 변수를 지정할 수 있음 unknown - any와 비슷하나 먼저 타입을 지정하거나 좁히지 않으면 조작이 허용되지 않음 never - 도달할 수 없는 코드 boid - 값이 없음 3. 열거타입(enum) 일정 수의 상수로 구성된 집합을 만든다. 월요일을 1로 초기화했고, 나머지 값은 자동으로 1씩 증가된 값이 할당된다. 기본적으로 열거 타입은 0부터 시작한다. 예시는 아래와 같다. enum Weekdays {..
-
CSS 스타일 속성 - display, border-radius, margin, padding웹/CSS 2022. 9. 13. 08:33
display :block, inline 요소를 블록과 인라인 요소 중 어느 쪽으로 처리할지와 함께, 플로우, 그리드, 플렉스처럼 자식 요소를 배치할 때 사용할 레이아웃을 설정합니다. border-radius 테두리 경계의 꼭짓점을 둥글게 만듭니다. 하나의 값을 사용해 원형 꼭짓점을, 두 개의 값을 사용해 타원형 꼭짓점을 적용할 수 있습니다. margin 요소의 네 방향 바깥 여백 영역을 설정합니다. margin-top, margin-right, margin-bottom, margin-left의 단축 속성입니다. padding 요소의 네 방향 안쪽 여백 영역을 설정합니다. padding-top, padding-right, padding-bottom, padding-left의 단축 속성입니다. 출처 : h..
-
TypeScript - typeof 유형 (string,number, bigint, boolean, symbol, undefined)웹/TypeScript 2022. 9. 3. 17:01
TypeScript의 Typeof 유형 1. string String String 타입은 텍스트 데이터를 나타낼 때 사용합니다. String은 16비트 부호 없는 정수 값 "요소"로 구성된 집합으로, 각각의 요소가 String의 한 자리를 차지합니다. 첫 번째 요소는 인덱스 0에, 그 다음 요소는 인덱스 1, 그 다음은 2, ...입니다. String의 길이는 그 안의 요소 수와 같습니다. 2. number Number 타입은 배정밀도 64비트 이진 형식 IEEE 754 값(-(2^53 − 1)부터 2^53 − 1까지의 수)입니다. Number 타입은 부동소수점 숫자 외에도 +Infinity, -Infinity, NaN("Not a Number") 세 개의 상징적인 값을 가집니다. 3. bigint Bi..