본문 바로가기

JavaScript45

[프로그래머스] 바탕화면 정리 (JavaScript) https://school.programmers.co.kr/learn/courses/30/lessons/161990?language=javascript 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.krfunction solution(wallpaper) { let fileLocation = []; // 파일 위치 배열 for(i=0; i{ xValues.push(coord[0]); yValues.push(coord[1]); }) const minX = Math.min(...xValues); const minY =.. 2024. 5. 14.
[React, JavaScript] ChatGPT 질의응답 - styled-components와 JavaScript 표현식 styled-components에 대해서 공부하다가 props 사용 중에 해당 문법이 어떻게 동작하는지 궁금해져서 물어봤다.딥다이브 스터디 할 때 분명 배운 것들인데 또 헷갈린다 ㅠㅠ역시 JavaScript에 대해서 잘 알아야 하겠다...  Q1. background-color: ${(props) => props.bgColor}; 이런 식으로 css 코드에서 $과 {}를 사용하는 이유와 동작 방식이 궁금해A1. styled-components에서 CSS 코드 내에서 $와 {}를 사용하는 것은 JavaScript 표현식을 문자열 템플릿(template literals) 내에 삽입하기 위한 ES6(ES2015) 문법의 일부입니다. 이러한 문법은 태그된 템플릿 리터럴(tagged template litera.. 2024. 1. 17.
[프로그래머스] 문자열 내림차순으로 배치하기 (JavaScript) https://school.programmers.co.kr/learn/courses/30/lessons/12917 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr function solution(s) { return s.split("").sort().reverse().join(""); } 코드 해설 - 입력받은 s 문자열을 split("")를 통해 하나씩 나누어 배열로 변환해 준 후, sort()를 통해 유니코드 순서대로 정렬 (유니코드 상 대문자가 앞순서이므로, 만약 acdbeB였다면 Bedcba로 정렬됨) - reverse()를 통해 뒤집어 정렬 (ab.. 2024. 1. 17.
[프로그래머스] 문자열 내 마음대로 정렬하기 (JavaScript) [프로그래머스] 문자열 내 마음대로 정렬하기 (JavaScript) https://school.programmers.co.kr/learn/courses/30/lessons/12915 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr function solution(strings, n) { return strings.sort((a, b) => { const charA = a[n]; const charB = b[n]; if (charA === charB) { return a.localeCompare(b); } return charA.localeCompare(ch.. 2024. 1. 17.