전체 글 82

[코딩테스트/javaScript]이상한 문자 만들기

function solution(s) { let answer = []; for (let i=0; i오류가 떠서 콘솔창으로 확인해봤더니, 빈공간인 경우 .toUpperCase()가 적용이 안되고 에러가 뜬다..반복문으로 어떻게든 해보려고 몇시간을 끙끙대다 결국 포기... 그리고 알게된 사실...split('')은 글자별로, .split(' ')은 단어별로 나눠준다. (따옴표 안 띄어쓰기) 그리고 .map(요소) / .map(요소,인덱스)로 변수를 정해 함수를 만들면 됨.map은 배열 안 요소를 하나씩 가져와 순회하며 함수를 적용하는 메소드다. 다시 쓰면서 분명 맞는 거 같은데 자꾸 틀리길래... 결국 챗지피티한테 물어봤는데나는 삼항 연산자는 return을 내포하고있다고 착각했다. 그래서 ..

[javaScript/공부] 화살표 함수, this, 호이스팅을 알아보자

화살표 함수와  this, 그리고 호이스팅 알아보기         화살표 함수? function () {}() => {}위가 전통적 함수 표기법, 아래가 화살표 함수다.화살표 함수가 훨씬 간결해서 저것만 쓰면 안되나? 싶어서 찾아보니,동작 방식에서 차이가 있었다.  01 this 바인딩의 차이this 란, 함수나 메서드 내에서 객체를 참조하는 키워드다. (다음 목차에서 더 설명)function에서는 this가 동적으로 결정된다. 즉 아래와 같이 사용이 가능하다.const obj = { value: 10, example: function () { console.log(this.value); //this는 obj를 가리킴 -> 출력: 10 },};하지만 화살표 함수에서는 상위 컨텍스트의 this를 상..

WEB/javaScript 2025.01.02

[코딩테스트/javaScript] 3진법 뒤집기

어떻게든 패턴 찾고싶어서 공책 펴놓고 이것저것 다 써봤다.............그렇게 찾은 패턴십진수에서 3으로 계속 나누면서 생기는 나머지들 + 마지막으로 나눠지는 수를 이으면 삼진법 뒤집은 모양임for (let i=0; n>=3; i++) { arr.push(n%3) n = Math.floor(n /= 3); } arr.push(n);우선 삼진수로는 만들었다. 그런데 다시 십진수로 만드는 게 또 난관이다.우선 내가 세운 식은,arr[(arr.length-1)-j] * (3 ** j)인데,//예시인 125의 3진수를 뒤집으면 22111이다.let index = arr.length-1; //이라고 가정했을 때//자릿수 * 3의 x제곱arr[index-0] * (3**0..

[코딩테스트/javaScript] 최대공약수와 최소공배수

function solution(n, m) { let answer = []; // 최대공약수 for (let i=n; i우선 최대공약수는 n,m 중 작은 수만큼만 확인하면 돼서, i의 크기를 둘중 아무거나로 지정했다.n과 m의 차가 어마무시하다면 시간이 오래 걸리기 때문에 비교까지 해준 다음에 더 작은 수로 정확히 넣었을듯그리고 최대를 찾는 거기 때문에 하나씩 빼주는 형태로 반복했고,n과 m의 공통된 약수일 때 break를 걸어 가장 큰 약수 하나만 추출하도록 했다. 최소공배수도 마찬가지.최소니까 1부터 시작했고, 최대치로 커봤자 n*m이니까 조건을 그렇게 걸었다.if 조건문에 부합하면 break 걸어서 제일 작은 공배수 추출

[코딩테스트/javaScript] 직사각형 별 찍기

function solution(n,m) { let row = '*'.repeat(n) + '\n'; let col = row.repeat(m).trim(); return col;}기본 틀로 처음 보는 게 너무 많이 나와있길래 기본 함수 틀로 변경해서 풀어보았다.그런데 계속 오류가 나고..... 틀이 있는 이유가 있었다.....process.stdin.setEncoding('utf8');process.stdin.on('data', data => { //입력받은 숫자를 'data에 받는다' const n = data.split(" "); // 받은 데이터를 배열로 바꾼다 const a = Number(n[0]), b = Number(n[1]); // a가 문제의 n, b가..

[javaScript/공부] 어떻게 연결해줄까?

html, css, javascript 연결하기         HTML → CSS html에서 써준 코드를 css에서 꾸며주기 위해 필요한 선택자*모든 태그를 선택tag #id .class li ali 안에 있는 ali + ali 바로 뒤에 오는 a (같은 계층)li > a한 계층 아래 ainput [type=""]속성 선택li.class같은 요소의 클라스들:hover :active :checkedinput[type="radio"]:checked:nth-of-type(n)n번째 요소에 적용(반복):last-child :nth-child :nth-last-child ::first-letter ::first-line ::selection드래그 했을 때         HTML → JavaScript 다음..

WEB/javaScript 2024.12.27