# javascrit

8개의 포스트
post-thumbnail

[Javascript] es6 문법

스파르타 코딩강의 : JavaScript 문법 종합반 2주차 - ES6 > #### ✨ 이번 글에서 사용할 주요 기능 자바스크립트 es6버전에서 추가된 문법에 대해 알아보기 let, const 화살표 함수 삼항 연산자 구조 분해 할당 단축 속성명 전개 구문 나머지 매개변수 템플릿 리터럴 named export vs default export let / const > 변수 선언을 위한 문법 기존의 var와 비교하기 var : 재할당 O, 재선언 O let : 재할당 O, 재선언 X const : 재할당 X, 재선언 X -> 초기값이 없으면 선언 불가능 <span style=

2023년 7월 14일
·
0개의 댓글
·
post-thumbnail

implement-queue-with-linkedList

programmers-예상 대진표를 풀다가 queue를 활용하지 않고 일반 배열을 사용하여 문제풀이에서 시간초과가 났다. 해결책은 일반 array가 아닌 queue를 활용하여 앞에서 요소를 제거(python: popleft(); javascript: shift())할 때의 시간 복잡도 O(1)를 활용하는 것이다. 따라서 배열의 앞의 요소를 빼거나 집어넣을 때 어떻게 동작하는 지 확인할 필요가 있다. python은 from collections import deque를 활용하면 되지만 javascript는 queue를 제공해주는 library가 없어 직접 구현해야 한다. 따라서 직접 구현도 할 겸 정리도 할 겸 블로그로 정리해 본다. queue를 알아보기 전에 왜 일반 배열에서 앞 요소를 제거할 때 O(n)이 나오는지 알아보자. 🍀 O(n) when shift 아래와 같이 길이가 6인 배열의 array = [1, 2, 3, 4, 5, 6]이 있다고 가정하

2022년 10월 25일
·
0개의 댓글
·
post-thumbnail

JSDoc 란??

원티드 프리온보딩 백엔드 과정에 참여하게 될 기회가 생겼다. 첫 날부터 스스로의 부족함을 많이 느낄 수 있었다.ㅠ 몰랐던 개념들은 틈틈히 블로그에 정리하기로 마음먹었다. JSDoc JSDoc 역할 자바스크립트 소스코드에 타입 힌트를 제공할 수 있다. API 문서를 생성할 수 있다. 사용법 /* ... / 안에 기술해야 JSDoc 파서가 인식할 수 있다 type hint 제공 API 문서 작성 패키지 설치 [npm] jsdoc ![](https://velog.

2022년 8월 31일
·
1개의 댓글
·

Array.reverse()

Array.prototype.reverse() reverse() 메서드는 배열의 순서를 반전합니다. 첫 번째 요소는 마지막 요소가 되며 마지막 요소는 첫 번째 요소가 됩니다. ex) const array1 = ['one', 'two', 'three']; console.log('array1:', array1); //결과 "array1:" Array "one", "two", "three" const reversed = array1.reverse(); console.log('reversed:', reversed); // 결과 "reversed:" Array "three", "two", "one" console.log('array1:', array1); // 결과 "array1:" Array "three", "two", "one" //reversed에 있는 array1가 이미 변환했기 때문에 "three", "two", "one"가 됨 > #### 배열

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

String.split()

String.split() split() 메서드는 String 객체를 지정한 구분자를 이용하여 여러 개의 문자열로 나눕니다. 배열의 경우 첫번째가 1이 아닌 0부터 시작한다.(0,1,2,3,4,5) ex) const str = 'The quick brown fox jumps over the lazy dog.'; const words = str.split(' '); console.log(words[3]); // 결과 "fox" // 3번째 문자열 output const chars = str.split(''); console.log(chars[8]); // 결과 "k" // 8번째 텍스트 output(띄어쓰기도 문자열로 인식) const strCopy = str.split(); console.log(strCopy); // 결과 Array ["The quick brown fox jumps over the lazy dog."]// 배열 전체를

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

Array.join()

Array.join() join() 메서드는 배열의 모든 요소를 연결해 하나의 문자열로 만듭니다. " "안에 있는 문자 /숫자/기호 어떤것을 넣어도 문자열로 인식 ex) const elements = ['black','red','white']; console.log(elements.join()) = elements 배열에 있는 모든 문자열을 불러옴 //output : "black,red,white" console.log(elements.join('')) = 문자열이 다 합쳐짐 //output : "blackredwhite" console.log(elements.join('-')) = '-'문자열이 되어 ,이 "-"로 변경됨 //output : "black-red-white" > #### 응용 예제 var a = ['바다','하늘','땅'] var mavar1 = a.join() ///output = '바다,하늘,땅' var mavar2 =

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

callback

callback 콜백 함수는 다른 함수에 인자로 전달된 함수이며, 어떤 이벤트가 발생했거나 특정 시점에 도달했을 때 작동 동기식 콜백 즉시 실행 비동기 콜백 0.5초 후 실행

2022년 3월 19일
·
0개의 댓글
·
post-thumbnail

TIL - Deep dive to 변수

변수 Variable이란 프로그래밍에의 변수는 문자열, 숫자, 객체 등으로 변경할 수 있는 데이터가 담길 수 있는 (빈) 그릇을 의미한다. 변수의 구성 변수는 마치 object처럼 key와 value가 각각 메모리 데이터를 하나씩 차지하고 있는 형태로 구성되어있다. key(변수명)은 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 지칭한다. 변수명이 저장되어있는 메모리에는 변수 이름과 함께 value가 위치해있는 메모리 주소가 기재되어있다. value(변수값)은 절적한 메모리 위치에 그 값을 보관하고 있다. 변수값은 항상 고정된 자리에 위치해 있으며, 변수명은 그에 대응하는 값이 바뀔때마다 메모리 주소를 바꿔놓는다. > 쉽게 현실적 예를 들어서 비유해보면, 약속이 있어 옷을 입으려는데 날이 추워져 원래 입으려던 짧은 원피스 대신 코트와 바지를 입고 나가게 된 상황을 들 수 있다. 여기서 옷을

2021년 10월 12일
·
0개의 댓글
·