ChatGPT6 [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] ChatGPT 질의응답 - sort(), localCompare() 함수 정리 Q. sort함수와 localCompare함수의 동작 방식에 대해 각각 설명해주고, 두 함수의 차이점과 주로 사용되는 상황에서의 예시를 들어줘A.sort() 함수의 동작 방식정의와 기본 동작 : Array.prototype.sort()는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환합니다. 기본적으로, sort()는 배열의 요소를 문자열로 변환하고, 이 문자열들을 유니코드 포인트 순서로 정렬합니다.커스텀 정렬 로직 : sort()는 선택적으로 비교 함수를 매개변수로 받을 수 있습니다. 이 비교 함수는 두 요소 a와 b를 인자로 받아서, 정렬 순서를 결정하는 반환값을 제공합니다:반환값이 0보다 작으면, a를 b보다 앞에 위치시킵니다.반환값이 0이면, a와 b의 순서를 변경하지 않습니다.반환값이 0.. 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. [프로그래머스] 이상한 문자 만들기 (JavaScript) [프로그래머스] 이상한 문자 만들기 (JavaScript) https://school.programmers.co.kr/learn/courses/30/lessons/12930# 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr https://school.programmers.co.kr/learn/courses/14743/14743-%EC%BD%94%EB%94%A9%ED%85%8C%EC%8A%A4%ED%8A%B8-%EC%97%B0%EC%8A%B5-%ED%9E%8C%ED%8A%B8-%EB%AA%A8%EC%9D%8C%EC%A7%91?itm_content=lesson.. 2023. 6. 20. [프로그래머스] 로또의 최고 순위와 최저 순위 (JavaScript) [프로그래머스] 로또의 최고 순위와 최저 순위 (JavaScript) https://school.programmers.co.kr/learn/courses/30/lessons/77484# 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 1. includes() 사용 풀이 (풀이 참고) function solution(lottos, win_nums) { let rank = [6, 6, 5, 4, 3, 2, 1]; let zero = 0, match = 0; lottos.forEach((e) => { if (e === 0) zero++; else if (win_.. 2023. 6. 20. [WIL] Week 1 - 230612 ~ 15 프로그래밍 기초 1주차 회고 Fact : 이번주 있었던 일, 내가 한 일 Feeling : 나의 감정적인 반응, 느낌 Finding : 그 상황으로부터 내가 배운 것, 얻은 것 Future : 배운 것을 미래에 어떻게 적용할 것인가 Fact 0612(월) - Git 팀과제 풀고 제출하기 - 밍글 행사 - 자바스크립트 종합반 1주차 완강 - 자바스크립트 1주차 과제 1, 2 풀기 0613(화) - 자바스크립트 종합반 2주차 수강 - 야구게임 팀과제 풀어보기 0614(수) - 자바스크립트 종합반 2주차 수강 - 테스트 공부 0615(목) - 프로그래밍 기초1 테스트 - 야구게임 팀과제 제출 - 자바스크립트 종합반 2주차 완강 Feeling - 미니프로젝트가 끝난 뒤, 주말을 보내고 정말 첫 캠프의 시작인 주차에 접어들면서 기대 반, 걱.. 2023. 6. 19. 이전 1 다음
