Vue를 시작하면서 TypeScript까지 함께 공부하게 되면서 타입 지정이라는 것을 알게 되었다. 현재는 어느 정도 익숙해져 있어 이번에 기억을 토대로 내용을 정리해보려고 한다. 아래 글을 Vue3와 Typescript를 사용할 때 쓰는 방식을 기준으로 한다. TypeScript란? 자바스크립트에 타입을 부여한 언어로 자바스크립트에서 확장된 언어라고 할 수 있다. 브라우저는 실행하려면 한 번 변환하는 과정인 컴파일(Compile)을 거쳐야 한다. 왜 TypeScript를 사용하는가? 1) 에러의 사전 방지 2) 코드 가이드 및 자동완성(개발 생산성이 향상된다.) TypeScript의 타입 정리 1) String import { ref } from "vue"; const color: string = "b..
자바스크립트 알고리즘 공부하다보니 array에 대한 새로운 내용을 배우게 되어 정리하게 되었다. Array.from() 유사한 배열 객체나 반복 가능한 객체를 복사하여 새로운 Array 객체를 만든다. String에서 배열 만들기 단어를 문자배열로 만들어준다. Array.from("study"); // ['s', 't', 'u', 'd', 'y'] 이처럼 특정 단어를 문자열로 배열로 만들어 줄 수 있다. Array.from과 화살표 함수 사용하기 Array.from에서는 화살표 함수도 사용할 수 있다. Array.from({length: 5}, () => 1); // [1, 1, 1, 1, 1] arr에 새로운 배열을 만든다. 조건은 길이는 5개며, 그 값은 1로 모두 통일하여 넣는다.
오랜만에 프로그래머스를 하게 되었다. 꾸준히 해야지 하지만 막상 배울 것은 많으니 쉽지 않은 게 현실... 1. 문제 설명 배열 arr가 주어집니다. 배열 arr의 각 원소는 숫자 0부터 9까지로 이루어져 있습니다. 이때, 배열 arr에서 연속적으로 나타나는 숫자는 하나만 남기고 전부 제거하려고 합니다. 단, 제거된 후 남은 수들을 반환할 때는 배열 arr의 원소들의 순서를 유지해야 합니다. 예를 들면, arr = [1, 1, 3, 3, 0, 1, 1] 이면 [1, 3, 0, 1]을 return 합니다. arr = [4, 4, 4, 3, 3] 이면 [4, 3]을 return 합니다. 배열 arr에서 연속적으로 나타나는 숫자는 제거하고 남은 수들을 return 하는 solution 함수를 완성해 주세요. ..
어제 면접을 진행하였고 그 부분에 미흡한 내용을 정리하고자 오늘의 개발일지를 작성한다. 1. react VS vue React.js Vue.js JSX기반으로 DOM을 생성한다. Template 과 Render Function을 모두 사용한다. 대규모 서비스에 어울리는 프레임워크다. 빠른 렌더링과 더 작은 용량으로 개발한다. 페이스북 기업이 관리한다. 기업이 직접적인 관리는 없지만, 스폰서가 있다. 역할군을 분리하여 개발한다. (개발이 확실히 나뉜다.) 역할군 구분없이 컴포넌트 정의안에 뷰/모델/디자인이 하나의 확장자로 뭉쳐있다. (풀스택 혹은 개발 구분이 명확하지 않을 수 있다.) 으... 찾으면 찾을수록 모르겠다. 2. array 은근히 헷갈릴 수 있기도 해서 그냥 기억에 남게 직접 해보았다. 막상 ..
Array 배열(Array) 정의 배열(array)은 같은 타입의 변수들로 이루어진 유한 집합입니다. 배열을 구성하는 각각의 값을 배열 요소(element, 엘리먼트)라고 하며, 배열의 위치를 가리키는 숫자를 인덱스(index)라고 합니다. Array 객체로 배열 만들기 //배열생성 첫번째 방법 var 참조 변수 이름 = new Array(); 참조 변수 이름[0] = 값1; 참조 변수 이름[1] = 값2; ... 참조 변수 이름[n] = 값n; //배열생성 두번째 방법 var 참조변수이름 = new Array(값1, 값2, 값3, ..., 값n); //배열생성 세번째 방법 var 참조변수이름 = [값1, 값2, 값3, ..., 값n]; 배열을 생성하는 방법에는 다음과 같습니다. '참조 변수 이름'이라는..
오랜만에 코딩 테스트를 해보았다. 확실한 건 이전에 아무것도 모를 때 하는 시점보단, 기본기를 하고 난 후 많이 달라졌다. 일단 무엇을 해야할지 안다. 하지만 아직까진 검색능력이 많이 떨어져서 조금 찾는데 오래 걸렸다. 1. 문제 설명 배열 array의 i번째 숫자부터 j번째 숫자까지 자르고 정렬했을 때, k번째에 있는 수를 구하려 한다. 예를 들어 array가 [1, 5, 2, 6, 3, 7, 4], i = 2, j = 5, k = 3이라면 array의 2번째부터 5번째까지 자르면 [5, 2, 6, 3]입니다. 1에서 나온 배열을 정렬하면 [2, 3, 5, 6]입니다. 2에서 나온 배열의 3번째 숫자는 5입니다. 배열 array, [i, j, k]를 원소로 가진 2차원 배열 commands가 매개변수로..
이제 생각이 난 것이지만 책 재목은 '순서도로 배우는 자바스크립트'가 되어있어 그렇게 공부를 진행하였다. 하지만 정작 업로드는 스크립트 문법만 올리게 되는 현상이 발생한다. 과제 27. 구구단 가로로 출력하기 기본 구구단에서 살짝 응용편인 결과 화면이다. 구구단이 익숙하시다면 이 부분도 어렵지 않게 하실 수 있을 것이다. 과제27 구구단 출력 코드를 보시면 알 수 있듯이 for문의 숫자와 출력하는 document.write() 이 부분의 약간만 변경하는 것을 확인할 수 있다. 과제 28. 10부터 1까지의 수를 배열에 저장하고 출력하라. 과제28 10에서 1출력 배열의 기본개념을 안다면 쉽게 풀 수 있다. 과제 29. 배열 요소 오른쪽으로 한 칸씩 이동하는 자바스크립트 과제29 배열 요소를 오른쪽으로 한..
- Total
- Today
- Yesterday
- node-sass
- node.js
- javascript
- CSS
- 프로그래머스
- 자바스크립트
- react
- array
- 배열
- node
- 자바
- 함수
- Coding Test
- 노드
- 리덕스
- Visual Studio Code
- 리액트 썸네일
- Git
- redux
- 코딩테스트
- 뷰
- Switch
- programmers
- 파이썬
- github
- 리액트
- java
- 재공부
- 리액트 유튜브
- mongodb
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |