본문 바로가기

전체 글

(154)
모던 자바스크립트 Deep Dive 8장 : 제어문 제어문은 조건에 따라 코드 블록을 실행하거나 반복 실행할 때 사용한다. 블록문 0개 이상의 문을 중괄호로 묶은 것이다. 조건문 if...else if (조건식) { //참일 시 실행 } else { // 거짓일 시 실행 } 문이 하나일 경우에는 중괄호를 생략략 가능하다. switch switch (표현식) { case 표현식1: 실행문1 //표현식 == 표현식1 이면 실행 break; case 표현식2: 실행문2 // 표현식 == 표현식2이면 실행 break; default: 실행문3 // 위에 일치가 없을 시 실행 } break가 없다면 default까지 쭉 실행되는데 이를 폴 스루(fall through)라 한다. 또한, 이런 특성을 일부러 이용하기도 한다 반복문 for, while, do...whi..
모던 자바스크립트 Deep Dive 7장 : 연산자 연산자는 하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입, 지수 연산 등으로 값을 만든다. 산술 연산자 이항 산술 연산자 : +, - , *, / , % 단항 산술 연산자 : +, -, ++, -- 다른 것들은 있는 그대로 적용되나 ++, --는 기존 값을 바꾸는 부수효과를 지니며 이는 위치에 따라(전위 /후위) 달라진다. var x =5, result result = x++; console.log(result,x) // 5 6 result = ++x console.log(result,x) // 7 7 이 코드를 실행시키면 결과가 이처럼 나온다. 왜냐하면, result = x가 할당되고 그 후 x++로 x의 값이 변했기 때문에 값이 다른 것이다. 하지만, 밑에 코드는 ++x로 값이 변한 ..
[js] Programmers_Lv.0_구슬을 나누는 경우의 수 문제 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 서로 다른 n개의 구슬을 고르는 방법입니다. (조합) 아이디어 1. 조합 공식을 구현한다. 구현(풀이) function solution(balls, share) { var answer = 0; function factorial(n) { var x = BigInt(0) var y = BigInt(1) while (x < n) { x += BigInt(1) y *= x } return y } answer = factorial(balls) / (factorial(share) * factorial(balls-s..
[WEB] 반응형 웹(Responsive Web)과 적응형 웹(Adaptive Web) 서두 디자이너 분과 이야기하다가 반응형 웹과 적응형 웹에 대한 이야기가 나왔다. 적응형 웹이란 단어를 처음 들어봐서, 이에 대해 정리하고자 합니다. 반응형 웹(Responsive Web) 의 정의 흔히 반응형 디자인의 창시자로 에단 마코트(Ethan Marcotte)를 거론합니다. 이전에도 개념은 존재했지만, 2010년에 아단 마코트가 반응형이란 용어를 처음 정의하였습니다. 반응형웹은 한 줄로 정의하면, 웹의 해상도, 레이아웃 등이 디바이스에 따라 반응하여 유동적으로 변환되는 웹페이지입니다. 특히, Google은 2015년 4월 21일에 모바일 친화적인 사이트를 더 높게 평가한 대규모 업데이트를 출시한 이후 항상 반응형 웹 디자인(RWD)을 권장해왔습니다. 일반적으로 미디어쿼리와 유동형 그리드와 유연한 ..
모던 자바스크립트 Deep Dive 6장 : 데이터 타입 ES6는 7개의 데이터 타입을 제공한다. 그리고 이 데이터 타입들은 원시 타입(primitive type)과 객체 타입(object/reference type)으로 분류할 수 있다. 이를 자세히 알아보자. 원시 타입 : number, string, boolean, undefined, null ,symbol 객체 타입 : 객체, 함수, 배열 원시 타입 number js의 숫자 타입으로 정수, 실수, n진수 모두 포함한 64비트 부동소수점 형식을 따른다. 추가로 Infinity(양의 무한대), -Infinity(음의 무한대), NaN(산술 연산 불가) 세가지 값을 제공한다. ※ NaN의 예시는 무한대, 허수, 숫자로 변환 실패한 식, NaN과 연산한 수, 유효하지 않은 값이 숫자로 나타남 등이 있다. str..
모던 자바스크립트 Deep Dive 5장 : 표현식과 문 개념을 이해한다는 것은 바로 용어를 정확히 이해하고 설명할 수 있다는 것이다. 이번에는 프로그래밍 언어 전반적으로 자주 사용하는 용어의 정의를 알아본다. 값 값(value)은 식(표현식, expression)이 평가(evaluate)되어 생성된 결과를 말한다. 평가란 식을 해석해서 값을 생성하거나 참조하는 것을 의미한다. var sum = 10 + 20 sum에 할당된 것은 "10+20 " 이 아니라 이 값이 평가된 30이란 숫자다. 즉, 변수 Sum에 할당된 값은 30이다. 리터럴 리터럴은 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법(notation)을 말한다. 3 위 3은 단순한 숫자가 아닌 숫자 리터럴이다. 사람을 이해할 수 있는 숫자를 사용해 숫자 리터럴 3을 코드..
초보 개발자에게 좋은 웹사이트들! 사람들과 대화하면서 좋은 사이트들을 많이 알게되어서 적어봅니다. 하지만, 제가 직접 해본 것들은 적어서 참고만 부탁드립니다. 지속적으로 추가 예정 Hola - 개요 : 스터디와 사이드 프로젝트 찾는 사이트 - 후기 : 없음 - 링크 : https://holaworld.io/ Hola! 스터디, 사이드 프로젝트 팀원을 구하는 가장 쉬운 방법! holaworld.io 서핏 - 개요 : 다른 분들 자소서 보는 사이트 - 후기 : 포지션에 맞는 참고자료가 없다면 좋아 보임. 포트폴리오 / 이력서 양식 참고하기 매우매우 좋아보임 - 링크 : https://directory.surfit.io/ 서핏 디렉토리 - 함께 성장하는 커리어 커뮤니티 새 탭에서 펼쳐지는 맞춤 커리어 콘텐츠. 매일 성장하고 더 멋지게 일하세요..
모던 자바스크립트 Deep Dive 4장 : 변수 변수의 개념 사람과 달리 컴퓨터는 CPU를 이용하여 연산하고, 메모리를 사용하여 데이터를 기억한다. 메모리 - 메모리는 데이터를 저장할 수 있는 메모리 셀의 집합체이다. 메모리 셀 하나의 크기는 1byte(8bit)이며, 컴퓨터는 메모리 셀의 크기, 즉 1바이트 단위로 데이터를 저장하거나 읽는다. - 각 셀은 그래서 바이트 단위로 고유의 메모리 주소를 갖는다. 예를 들어서, 4GB의 경우 4,294,967,295(0x00000000 ~0xFFFFFFFF)의 주소를 가진다. - 모든 데이터는 2진수로 저장된다. 이 저장된 메모리를 CPU에서 읽어서 연산을 수행하고 그 결과를 임의의 위치에 저장한다. => 여기서 문제가 생긴다. 우리는 이 연산 결과를 재사용할 수 없다. 이 결과는 임의의 장소에 저장되었고,..