[Algorithm] 프로그래머스 - 2016년
2022. 7. 15. 21:07
🖥 CS/Algorithm
/* https://school.programmers.co.kr/learn/courses/30/lessons/12901 2016년 1월 1일은 금요일입니다. 2016년 a월 b일은 무슨 요일일까요? 두 수 a ,b를 입력받아 2016년 a월 b일이 무슨 요일인지 리턴하는 함수, solution을 완성하세요. 요일의 이름은 일요일부터 토요일까지 각각 SUN,MON,TUE,WED,THU,FRI,SAT 입니다. 예를 들어 a=5, b=24라면 5월 24일은 화요일이므로 문자열 "TUE"를 반환하세요. 제한 조건 2016년은 윤년입니다. 2016년 a월 b일은 실제로 있는 날입니다. (13월 26일이나 2월 45일같은 날짜는 주어지지 않습니다) */ const solution = (a, b) => { // 요일..
[Algorithm] 프로그래머스 - 자릿수 더하기
2022. 7. 15. 19:40
🖥 CS/Algorithm
/* https://school.programmers.co.kr/learn/courses/30/lessons/12931 자연수 N이 주어지면, N의 각 자릿수의 합을 구해서 return 하는 solution 함수를 만들어 주세요. 예를들어 N = 123이면 1 + 2 + 3 = 6을 return 하면 됩니다. 제한사항 N의 범위 : 100,000,000 이하의 자연수 */ const solution = (num) => { let answer = 0; // 스프레드 연산자를 사용하기 위해 문자열화 const numArr = num.toString(); // 스프레드 연산자로 배열 분해 const numStr = [...numArr]; // ['1', '2', '3'], ['9', '8', '7'] // f..
[JS] JavaScript의 append를 이용한 HTML 요소 생성하기
2022. 5. 15. 00:16
🔥 Front-End/JavaScript
위와 같이 홈페이지 상품 목록을 생성한다고 가정해보겠습니다. HTML에 요소들을 직접 생성해서 하드코딩할 수도 있겠지만, 데이터가 변경될 때마다 HTML 요소를 계속해서 직접 수정해줘야하는 번거로움이 생깁니다. 반면, 배열과 JavaScript를 이용하면 데이터가 변할때마다 변경사항을 자동으로 반영할 수 있습니다. JavaScript를 이용하면 DOM 객체에 접근하여 HTML 요소를 직접 생성, 수정, 삭제할 수 있습니다. 아래의 비어있는 HTML 요소인 div 클래스 row에 상품 리스트를 추가해보겠습니다. 상품 리스트가 배열안에 객체 형식으로 담겨있습니다. let products = [ {id: 0, price: 70000, title: "꽃무늬 원피스"}, {id: 1, price: 50000, t..
[JS] 10. setTimeout & setInterval & requestAnimationFrame
2022. 4. 20. 03:16
🔥 Front-End/JavaScript
GitHub - yjs03057/33-js-concepts: 모든 자바스크립트 개발자가 알아야 하는 33가지 개념 모든 자바스크립트 개발자가 알아야 하는 33가지 개념. Contribute to yjs03057/33-js-concepts development by creating an account on GitHub. github.com 일정 시간이 지난 후에 원하는 함수를 예약 실행(호출)할 수 있게 하는 것을 '호출 스케줄링(scheduling a call)'이라고 합니다. 자바스크립트 명세서에는 setTimeout과 setInterval이 명시되어 있지는 않지만, 브라우저와 node.js를 포함한 Javascript 호스트 환경 대부분이 지원합니다. setTimeout setTimeout 문법(Sy..
[JS] 8. IIFE & 모듈 & 네임스페이스
2022. 4. 18. 21:21
🔥 Front-End/JavaScript
GitHub - yjs03057/33-js-concepts: 모든 자바스크립트 개발자가 알아야 하는 33가지 개념 모든 자바스크립트 개발자가 알아야 하는 33가지 개념. Contribute to yjs03057/33-js-concepts development by creating an account on GitHub. github.com IIFE(Immediately Invoked Function Expression, 즉시 실행되는 함수 표현식) (function () { statements })(); IIFE란? 함수의 선언과 동시에 즉시 실행되는 함수입니다. 일종의 괄호로 둘러싸인 익명 함수입니다. 익명 함수를 선언할 경우 오류가 발생됩니다. function() { console.log('my nam..
[JS] 7. 표현식 & 문
2022. 4. 17. 15:41
🔥 Front-End/JavaScript
GitHub - yjs03057/33-js-concepts: 모든 자바스크립트 개발자가 알아야 하는 33가지 개념 모든 자바스크립트 개발자가 알아야 하는 33가지 개념. Contribute to yjs03057/33-js-concepts development by creating an account on GitHub. github.com 표현식(Expression) vs 문(Statement) 자바스크립트에는 2가지 주요 문법이 있습니다. 표현식(Expression) 문(Statement) 표현식(Expression)은 문(Statement)처럼 동작할 수 있지만, 문(Statement)은 표현식(Expression)처럼 동작할 수 없습니다. 표현식(Expression) 표현식(Expression)은 단..
[Algorithm] 알고리즘 개요 & 자료구조
2022. 4. 9. 04:46
🖥 CS/Algorithm
알고리즘(Algorithm) 개요 & 자료구조 알고리즘의 필요성 알고리즘은 왜 필요한가? 알고리즘은 무엇인가? 자료구조(Data Structure) 자료구조라 함은 컴퓨터 기억공간 내에 자료를 표현하고 조직화하는 방법을 의미한다. 문제에 맞는 적절한 자료구조를 선택해야만 보다 효율적으로 자료를 처리할 수 있다. 결국, 좋은 프로그램을 만들려면 자료구조와 알고리즘이 적절히 조화를 이루어야 한다. 선형구조(Linear)와 비선형 구조(Non-Linear) 선형구조란 자료를 순차적으로 나열시킨 형태 하나의 자료 뒤에 하나의 자료가 존재 자료 간의 앞뒤 관계가 1:1 비선형 구조란 하나의 자료 뒤에 여러 개의 자료가 존재 자료들 간의 앞뒤 관계가 1:n 또는 n:n의 관계 선형/비선형 사진 출처: https:/..
[JS] 모던자바스크립트 Deep Dive - 연산자
2022. 4. 7. 04:50
🔥 Front-End/JavaScript
7장 연산자(Operator) 연산자(Operator): 하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리 타입, 지수 연산 등을 수행해 하나의 값을 만든다. 피연산자(Operand): 연산의 대상 산술 연산자(Arithmetic Operator) 산술 연산자는 피연산자를 대상으로 수학적 계산을 수행해 새로운 숫자 값을 만든다. 산술이 불가할 경우 NaN을 반환한다. 이항 산술 연산자(Binary Arithmetic Operator) 이항 산술 연산자는 2개의 피연산자를 산술 연산하여 숫자 값을 만든다. 단항 산술 연산자(Unary Arithmetic Operator) 단항 산술 연산자는 1개의 피연산자를 산술 연산하여 숫자 값을 만든다. var x = 1; // ++연산자는 피연산자의 값을 변경..