프로그래밍48 [JS] Array 요소 추가, 제거, 길이 변경 메서드 정리 💛 알고리즘 문제를 풀며 요소를 Array에 마지막에 넣어주던지 처음에 넣어주던지, 삭제 시에도 마찬가지로 순서가 중요함을 느꼈다. Array 요소를 추가하거나 제거하고, 길이를 변경하는 메서드를 정리해 보자! ▶ 배열의 시작에서 추가, 제거 - shift, unshift Array.prototype.shift() 메서드는 배열에서 첫 번째 요소를 제거! 하고 제거된 요소를 반환한다. 이 메서드는 배열의 길이를 변경한다. // const array1 = [1, 2, 3]; const firstElement = array1.shift(); console.log(array1); // expected output: Array [2, 3] console.log(firstElement); // expected out.. 2023. 1. 5. [SQL 고득점 kit - SELECT] 과일로 만든 아이스크림 고르기 문풀/ 2개의 테이블 사용하기 (JOIN / ON / USING) 계속 하나의 테이블만 나오다가 처음 두개의 테이블을 이용하는 문제를 만났다. 자세한 문제 사항은 프로그래머스에서 확인하고 직접 풀어보자! 이런식으로 FLAVOR Column이 겹치는 테이블 2개가 있을 때 SELECT FLAVOR FROM FIRST_HALF JOIN ICECREAM_INFO USING (FLAVOR) WHERE TOTAL_ORDER > 3000 AND INGREDIENT_TYPE = 'fruit_based' ORDER BY TOTAL_ORDER DESC; JOIN, USING을 이용해 풀 수 있다. USING () 괄호 안에 적어주지 않으면 오류가 난다. --- USING은 table 간 같은 column을 공유할 때(같은 column명) 사용하기 유용하다. ▶ JOIN JOIN 절(c.. 2023. 1. 5. [Js] split(), split(''), split(' ')의 명확한 차이 알고리즘 문제를 풀다보면 split() 메서드를 자주 사용한다. () 안에 뭘 쓰냐에 따라 결과가 달라지기 때문에 헷갈리지 않게 명확히 정리하고 넘어가자! String.prototype.split() 메서드는 패턴을 받아 패턴을 검색하여 문자열을 정렬된 하위 문자열 목록으로 나누고 이러한 하위 문자열을 배열에 넣고 배열을 반환한다. const str = 'JavaScript is the world\'s most popular programming language.'; const words = str.split(' '); console.log(words[3]); // output: "world's" const chars = str.split(''); console.log(chars[9]); // outpu.. 2023. 1. 4. [자바스크립트 완벽 가이드] 비동기 프로그래밍이란? 비동기적이란? 데이터가 들어오거나 어떤 이벤트가 일어날 때까지 계산을 멈추고 대기하는 일이 잦다는 뜻 웹 브라우저의 자바스크립트는 이벤트 주도적이다. 그 의미는 프로그램이 실제로 무언가를 실행하기 전에 사용자가 뭔가 클릭하거나 탭하기를(이벤트) 기다린다는 뜻. 자바스크립트를 사용하는 서버는 일반적으로 Network를 통해 클라이언트 요청이 들어온 후에야 작업을 시작한다. 콜백과 비동기 프로그래밍 비동기 프로그래밍은 콜백을 통해 이루워진다. 콜백이란 다른 함수에 전달하는 함수이다. 콜백을 전달받은 함수는 1) 어떤 조건을 만족하거나 2) 어떤 (비동기) 이벤트가 일어나면 제공한 함수를 호출(콜백)한다. 콜백 기반 비동기 프로그래밍의 예시: 타이머, 이벤트, 네트워크 이벤트, 노드의 콜백과 이벤트 등 예시 .. 2022. 12. 13. PEP 8 - Style Guide for Python Code 정리 / Python Code 일관성, 가독성 높이며 작성하기 💡 이 글은 PEP 8 – Python 코드용 스타일 가이드(https://peps.python.org/pep-0008/)를 보고 새롭게 안 사실을 공부하며 정리한 내용입니다. 영어를 한국어 번역을 사용해 문맥이 이상한 부분이 있을 수 있습니다. 참고만 하시고 실제로 원문을 참고하시길 바랍니다. A Foolish Consistency is the Hobgoblin of Little Minds 본격적으로 문서를 읽기 전 쓰여 있는 말. ‘어리석은 일관성은 작은 마음의 홉고블린이다.’ 무슨 뜻인지 궁금해 찾아보았다. 에머슨의 인용문은 한 줄 이상으로 가장 잘 이해됩니다. “어리석은 일관성은 작은 정치가와 철학자와 신들이 숭배하는 작은 마음의 홉고블린입니다. 일관성이 있으면 위대한 영혼은 할 일이 없습니다. .. 2022. 11. 3. [Js] export와 export default의 import 차이 Js 프로그래밍 강의를 듣던 중 리팩토링시 파일을 분리하면서 export를 쓸 때 export 와 export default의 차이가 궁금해졌다. 예시 코드) export const $ = (selector) => document.querySelector(selector); export const store = { setLocalStrage(menu) { localStorage.setItem("menu", JSON.stringify(menu)); }, getLocalStorage() { return JSON.parse(localStorage.getItem("menu")); }, }; export default store; import { $ } from "./utils/dom.js"; import sto.. 2022. 9. 2. 이전 1 ··· 5 6 7 8 다음
