전체 글 82

[코딩테스트/javaScript] 푸드 파이트 대회

우선 반복되지 않는 물은 미리 정답 배열에 넣어줬고,반복문을 두번 겹쳐 사용하여, 해당 인덱스를 인덱스의 수만큼 배열에 넣는 작업을 해줬다 .push와 .unshift를 번갈아 사용하며 앞뒤로 넣어줌 그리고 만약 음식의 개수가 1개 미만 (즉 j가 1 미만)일 때는 아무일도 일어나지 않게 했다.function solution(food) { let answer = [0]; //물 for (let i=1; i 0) { j--; //배열에 넣기 answer.push(j); answer.unshift(j); } } } return answer.j..

[코딩테스트/javaScript] 가장 가까운 같은 글자

function solution(s) { let answer = []; s.map((char, ind) => { if (answer.include(char) { answer.push(ind - s.indexOf(char)); } else { answer.push(-1) }) }) return answer;}틀렸다.자세히 보니, 우선 같은 글자가 있어도 indexOf는 제일 처음 나온 것만 인식함indexOf 말고 해당 요소를 모두 찾을 수 있는 메소드가 있나 봐야겠다. filterarray.filter((element, index, array) => {condition});너무 길어질 거 같아서.. ..

[javaScript/공부] this

this 알아보기         전역환경 this • Borwser(크롬)에서의 this는 window• Node에서의 this는 global         Method에서의 this • method는 항상 누군가 호출해 줘야 하기 때문에• this는 호출의 주체예를들어let obj = { methodA : function() { console.log(this); }, inner : { methodB : function() { console.log(this); } }};이런 객체가 있다고 했을 때, thisobj.methodA();obj 를 참조obj.inner.methodB()obj.inner 참조 화살표 함수의 경우, 상..

WEB/javaScript 2025.01.08

[javaScript/공부] 깊은 복사, 얕은 복사

복사 알아보기         복사? 객체는 값 자체가 아니라 값의 주소를 통해 데이터를 전달한다.그래서 객체를 단순히 복사하면, 복사한 객체와 원본 객체가 같은 메모리 주소를 참조하게 되어,하나를 변경하면 두 객체가 모두 변경되는 오류가 발생한다.이를 방지하기 위해 깊은 복사(deep copy)와 얕은 복사(shallow copy)라는 개념이 존재한다.얕은 복사는 대상의 1단계 속성만 복사하는 반면,깊은 복사는 대상을 완전히 복사하여 중첩된 객체나 배열까지도 새로운 메모리 주소를 갖도록 복사한다        얕은 복사(shallow copy) • 1단계 속성만 복사const shallowCopy = function(target) { let result = {}; for (let prop in targ..

WEB/javaScript 2025.01.07

[코딩테스트/javaScript] 숫자 문자열과 영단어 ⭐️⭐️

처음에는 그저 반복문을 돌려 문자가 매칭되면, .replace 메소드를 사용해 대체시켜주려고 생각했다.그리고 하나가 아닐 수도 있으니 if문과 while을 동시에 써 모든 글자가 대체될 때 멈추는? 그런데 다른 방법이 있을 거 같았음. 그래서 한번에 조건을 만족시키는 모든 대상에 적용시키는 함수가 없나 찾아봄그리고 정규식이라는 게 있다는 걸 알게됨! 정규식 RegExpconst regex = new RegExp(pattern, flag);이런식으로 사용하는데, pattern :  찾고자 하는 패턴 (여기서는 영어로된 단어들이 해당됨)flag : 다음 세가지로 구성됨• g(global) : 문자열 내 모든 매칭을 검색• i (ignore case) : 대소문자를 무시• m (multiline) : 여러 줄..

[javaScript/공부] 데이터 타입(Data Type)

데이터타입(Data Type) 알아보기         원시 타입 01 숫자형(Number)정수와 소수를 모두 포함2^53-1보다 큰 수는 Bigint  02 문자형(String)"string"'string'`string`다 같지만 백틱(`)의 경우• 줄바꿈이 가능하다• ${}로 다른 변수 사용 가능  03 불리언(Boolean)조건을 표현하는 자료구조truefalse  04 Null널.. 이라고 읽는다..값이 없는 것 (빈 공간)undefined (공간 자체가 없음)          참조 타입 별도의 공간에 원본 데이터를 저장,변수에 데이터의 주소를 저장.주소가 메인이기 때문에let a = [1];let b = [1];a === b //false 같은 값이 들어있는 배열이어도 다른 배열, 혹은 객체이다...

WEB/javaScript 2025.01.06

[javaScript/공부] 변수 알아보기

변수 알아보기         변수(Variable 데이터를 저장하고 참조할 수 있는 이름과 주소를 가진 저장소변수 선언 (이 저장소 쓸게) //var a;할당 (이 저장소에 이거 담을게) //a = 1;  01 var**최대한 사용 지양하기**함수 스코프를 가지며, 재선언과 재할당이 가능하다.var x = 10;var x = 20; //재선언 가능x = 30; //재할당 가능TDZ (temporarily dead zone)let x; 이렇게 호이스팅 안되고 에러 뜸but var x; 는 그대로 undefined 로 뜸  02 let재선언 불가능재할당 가능let a = 0;let a = 2; //재선언 불가능a = 1; //재할당 가능  03 const재선언 불가능재할당 불가능const a = 0;con..

WEB/javaScript 2025.01.06