자바스크립트 20

<백준(node.js)> 1712번: 손익분기점

🤖 문제 https://www.acmicpc.net/problem/1712 1712번: 손익분기점 월드전자는 노트북을 제조하고 판매하는 회사이다. 노트북 판매 대수에 상관없이 매년 임대료, 재산세, 보험료, 급여 등 A만원의 고정 비용이 들며, 한 대의 노트북을 생산하는 데에는 재료비와 www.acmicpc.net 풀이 const fs = require("fs"); const INPUT_ARRAY = fs.readFileSync("/dev/stdin").toString().trim().split(" "); const FIXED_COST = +INPUT_ARRAY[0]; const COST_PER_UNIT = +INPUT_ARRAY[1]; const REVENUE_PER_UNIT = +INPUT_ARRAY..

유물/└ 백준 2022.02.09

<백준(node.js)> 1316번: 그룹 단어 체커

🤖 문제 https://www.acmicpc.net/problem/1316 1316번: 그룹 단어 체커 그룹 단어란 단어에 존재하는 모든 문자에 대해서, 각 문자가 연속해서 나타나는 경우만을 말한다. 예를 들면, ccazzzzbb는 c, a, z, b가 모두 연속해서 나타나고, kin도 k, i, n이 연속해서 나타나기 때 www.acmicpc.net 풀이 const fs = require("fs"); const INPUT_ARRAY = fs.readFileSync("/dev/stdin").toString().trim().split("\n"); const wordArray = INPUT_ARRAY.splice(1); function pressWord(word) { const wordArr = word.s..

유물/└ 백준 2022.02.07

<백준(node.js)> 2941번: 크로아티아 알파벳

🤖 문제 https://www.acmicpc.net/problem/2941 2941번: 크로아티아 알파벳 예전에는 운영체제에서 크로아티아 알파벳을 입력할 수가 없었다. 따라서, 다음과 같이 크로아티아 알파벳을 변경해서 입력했다. 크로아티아 알파벳 변경 č c= ć c- dž dz= đ d- lj lj nj nj š s= ž z= www.acmicpc.net 풀이 const fs = require("fs"); const Croatia = fs.readFileSync("/dev/stdin").toString().trim(); const regExp = /c=|c-|d-|s=|z=|dz=|lj|nj/g; function countCroatia(string) { const croatiaArray = string..

유물/└ 백준 2022.02.07

<JavaScript> reduce() 메서드

🎯 { reduce() 메서드 } 무엇인가요? 배열의 각 요소에 대해 리듀서(reducer) 함수를 실행하고, 하나의 결과값을 반환하는 배열 고차 함수입니다. 어떻게 사용하나요? const array1 = [1, 2, 3, 4]; const reducer = (previousValue, currentValue) => previousValue + currentValue; // 1 + 2 + 3 + 4 console.log(array1.reduce(reducer)); // 10 // 5 + 1 + 2 + 3 + 4 console.log(array1.reduce(reducer, 5)); // 15 reduce 메서드 구성: reduce(reducer, initialValue); reducer 함수 구성: re..

<Book> 코어 자바스크립트

🏅 개요 - 서명: 코어 자바스크립트 - 저자: 정재남 님 - 출판사: 위키북스 - 출간일: 2019년 09월 10일 - 분량: 212쪽 - 목차: 데이터 타입, 실행 컨텍스트, this 등등 - 가격: 19,800원 (예스24 기준) - 난이도: ★★☆☆☆ - 추천대상: 자바스크립트의 핵심 원리를 이해하고 싶은 분 요약 1. 자바스크립트의 핵심 개념을 깊이 있게 이해할 수 있습니다. 2. 글의 완성도가 높아서 잘 읽힙니다. 서평 자바스크립트 언어 자체에 대해 공부하고 싶었습니다. 모던 자바스크립트 Deep Dive는 너무 두껍습니다. 코어 자바스크립트는 얇아서 부담이 작습니다. 프로그램의 기능이 복잡할 경우 잘게 쪼개어 정리하면 순차적인 해결이 가능하고, 그 과정에서 작은 성취감을 맛볼 수 있습니다. ..

<WebSite> 모던 JavaScript 튜토리얼

🏅 개요 - 목차: 코어 자바스크립트, 브라우저, 추가 주제 등 - 난이도: ★★★☆☆ - 추천대상: 자바스크립트 기본지식을 습득하고 싶은 사람 요약 1. 자바스크립트 문법, 브라우저에서의 활용법 등 자바스크립트를 전반적으로 다루고 있습니다. 2. 처음보는 개념의 경우 어렵게 느껴졌으나, 나중에 해당 개념을 접하고 다시 찾아보면 이해가 쉬울 것 같습니다. 3. 아직 번역이 안된 주제들이 몇가지 있습니다. 총평 자바스크립트에 관한 키워드들에 익숙하지기 위해 학습을 시작하였습니다. 이해되지 않는 부분들은 과감하게 넘겼습니다. 프로그래밍을 하다가 막히는 부분이 나왔을 때 다시 찾아보려고 합니다. 그 때가 오면 한가지 주제를 잡고 블로그에서 깊이 있게 다루고 싶습니다. 적어도 자바스크립트와 관련한 개념 중 처음..

<JavaScript> 코딩테스트를 위한 핵심 문법 정리 - 문자열

🎯 일정에 당장 급한 코딩테스트가 생겨 빠르게 정리해보는 JS 핵심 문법 📌 참고자료 - 모던 자바스크립트 Deep Dive (이웅모 / 위키북스) 3. 문자열(String) 3-1. length 프로퍼티 'Hello'.length; // -> 5 '안녕하세요!'.length; // -> 6 3-2. chartAt 메서드 const str = 'Hello!'; for (let i = 0; i < str.length; i++) { console.log(str.charAt[i]); // H e l l o } 3-3. slice 메서드 - 대상 문자열 변경 X const str = 'hello world'; // 0번째 인덱스부터 5번째 인덱스까지 반환 (5번째 인덱스는 미포함) str.slice(0, 5);..

<JavaScript> 코딩테스트를 위한 핵심 문법 정리 - 정규표현식

🎯 일정에 당장 급한 코딩테스트가 생겨 빠르게 정리해보는 JS 핵심 문법 📌 참고자료 - 모던 자바스크립트 Deep Dive (이웅모 / 위키북스) 2. 정규표현식(RegExp) *정규표현식의 표현 방법 - /정규표현식/플래그 (ex. /[a-z]/g) 2-1. 플래그 i(Ignore case) - 대소문자를 구별하지 않고 한 번만 검색 (전체 검색시 g와 같이 사용 - /ig) g(Global) - 대소문자를 구별하여 전체를 검색 (대소문자 구별하지 않으려면 i와 같이 사용 - /ig) 2-2. 반복검색 - {} const target = 'A AA BB Aa Bb AAA'; // 'A'가 최소 1번, 최대 2번 반복되는 문자열을 전역 검색한다. const regExp = /A{1,2}/g; // 매칭..

<JavaScript> 코딩테스트를 위한 핵심 문법 정리 - 배열

🎯 일정에 당장 급한 코딩테스트가 생겨 빠르게 정리해보는 JS 핵심 문법 📌 참고자료 - 모던 자바스크립트 Deep Dive (이웅모 / 위키북스) 1. 배열(Array) 1-1. 순회 for (let i = 0; i < arr.length; i++) { console.log(arr[i]); } 1-2. 삭제 const arr1 = [1, 2]; let result = arr1.pop(); console.log(result); // 2 console.log(arr1); // [1] // pop 메서드는 원본 배열을 변경함 const arr2 = [1, 2, 3, 4, 5]; arr2.splice(1, 2); console.log(arr2); // [1, 4, 5] console.log(arr2.lengt..

<JavaScript> 바닐라 JS - Nomad Coders

강의 내용 (무료) 바닐라 JS로 크롬 앱 만들기 (Momentum) 바닐라 JS로 그림판 만들기 한줄 요약 JS 입문자들에게 강추! 추천 대상 1. HTML, CSS를 학습한 프로그래밍 입문자 2. 인터넷 강의를 집중해서 들을 수 있는 사람 3. 과제가 주어지면 더욱 열심히 하게 되는 사람 (챌린지 참여시) 총평 드디어 자바스크립트! 자바스크립트를 통해 HTML, CSS를 조작하고, 데이터를 다루고, API를 활용하는 작업이 흥미로웠다. 우리가 많이 사용하는 Momentum 이라는 크롬 앱을 카피해 봄으로써 앞으로의 학습에 대한 자신감이 붙는다. 코코아 클론 챌린지에 이어 JS 챌린지도 아자아자@🐱‍🏍