Frontend/JavaScript & TypeScript

[JS] slice()로 복사 활용하기, 얕은 복사인 이유 (깊은 복사하는 방법)

이번에 코딩 테스트 대비하려고 알고리즘 공부하다가 slice() 메서드는 배열을 자르는 역할도 있지만 복사를 해서 기존 배열에 영향을 주지 않고 변형을 시킬 때도 쓸 수 있다는 사실을 알게 됐다. 근데 문서 보니까 slice()는 얕은 복사를 한다고 해서 순간 헷갈렸다. 내가 알기론 얕은 복사는 서로 참조를 공유하니까 변형하면 원본에도 영향이 가는 거 아닌가? 그래서 조금 찾아보게 됐다. 결론부터 말하자면, slice()는 얕은 복사를 하는 게 맞지만 배열에 원시값(숫자, 문자열 등)만 들어있으면 참조가 일어나지 않아서 원본에는 영향이 안 간다. 대신 배열 안에 객체가 들어 있다면 얕은 복사이기 때문에 원본에도 영향이 간다. 여기서 잠깐 얕은 복사랑 깊은 복사를 정리하면얕은 복사 vs 깊은 복사얕은 복사..

[JS] 자바스크립트로 백준 푸는 방법 (node.js)

코테 공부한다하면 대부분 백준을 많이 이용을 하는데문제는 프로그래머스처럼 자바스크립트를 지원하지 않는다 그래서 구글링 해본 결과프로그래머스 처럼 solution 함수안에서 작성 하는게 아니라입력 받는 방법이 따로 있답니다 1. 하나의 값을 입력받을 때const fs = require('fs');const input = fs.readFileSync("/dev/stdin").toString().trim();2. 공백으로 구분된 한 줄의 값들을 입력받을 때const fs = require('fs');const input = fs.readFileSync("/dev/stdin").toString().trim().split(" ");3. 여러 줄의 값들을 입력받을 때const fs = require('fs');co..

[JS] string.split()

split()=> 지정한 separator에 따라 문자열을 배열로 변환해주는 메서드str.split(',') // ['a', 'b']1) .split(' ') 공백 O단어를 기준으로 배열 반환const str = 'The quick brown fox jumps over the lazy dog.';const words = str.split(' ');// ["The", "quick", "brown", "fox", "jumps", "over", "the", "lazy", "dog."] 2) .split('') 공백 X글자를 기준으로 배열 반환const str = 'Hello World';const chars = str.split('');// ["H", "e", "l", "l", "o", " ", "W", "o..

[JS] Javascript로 코테 공부 시작하면서 정리한 유용한 함수들 모음

지금까지 파이썬로만 코테 공부해 왔었는데 이유를 간략하게 적자면1. 이때까지 직무 정하지 못해서 파이썬으로 시작2. 강의, 스터디, 자료는 파이썬이 압도적 프론트엔드로 가기로 정했고 이제 종강도 하였기에 새로운 마음으로 js 코테 공부 시작해보겠습니다~! 더보기자세한 정리는 파트별로 따로 정리할 예정1. 문자열   string.split() https://minzee.tistory.com/1231. 문자열(String) 메서드split(): 문자열을 나누어 배열로 반환str.split(',') → ['a', 'b']join(): 배열을 문자열로 반환arr.join() → 쉼표로 연결arr.join('') → 구분자 없이 연결repeat(): 문자열을 지정 횟수만큼 반복'abc'.repeat(3) → 'a..