썸네일 변수명 이름 표기법 파이썬을 배우면서 자바스크립트와 변수명 규칙이 다르다는 것을 깨닫고 변수명 이름 표기법을 정리해봤습니다! snake_case : 모두 소문자 표기, 띄어쓰기 대신 언더스코어(_) 표기 파이썬 사용 ex) min_age, min_name camelCase : 첫 문자는 소문자 띄어쓰기 대신 대문자로 표기 javscript, DB 컬럼, java 변수 명명 ex) minAge, minName Uppercase : 단어의 첫 문자만 대문자 java Class에서 사용 ex) Min, User PascalCase : camelCase와 유사하지만 첫 문자도 대문자를 표기한다는 차이점이 있음. ex) MinAge,MinName 그림 출처 : https://www.flaticon.com/kr/free-icon/ca..
썸네일 [JS] level0 점의 위치 구하기 - 삼항연산자, 구조분해할당 https://school.programmers.co.kr/learn/courses/30/lessons/120841 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 - 점의 위치를 입력 받아 몇 사분면인지 출력한다. 해결 점의 위치 ( x,y) - 제 1사분면 : x>= 0 , y>=0 - 제 2사분면 : x=0 - 제 3사분면 : x=0 ? 1 : 4; return dot[1] >= 0 ? 2 : 3 } if(dot[0] >= 0) return dot[1] >=0 ? 1 : 4; - dot[0]은 x 값을 나타낸다. - x 값이 0 이상이면 - do..
[10장] 객체 리터럴 📂10장 객체 리터럴 객체란? 자바스크립트를 구성하는 거의 "모든 것"은 객체 원시 값(변경 불가능)을 제외한 나머지 값은 객체 객체 값은 다양한 타입의 값을 하나의 단위로 구성한 복합적인 자료구조이며 변경 가능한 값임 const 객체 = { 프로퍼티 키 : 프로퍼티 값} 프로퍼티는 키와 값으로 구성 자바스크립트에선 사용할 수 있는 모든 값은 프로퍼티 값임. 프로퍼티엔 함수도 포함 => 자세한 설명은 11장 프로퍼티 값이 함수인 경우 이를 메서드 라고 불림 const counter = { num : 0, increase : function() { this.num++; } } 객체는 프로퍼티와 메서드로 구성된 집단체 프로퍼티 : 객체의 상태를 나타내는 값 num : 0 메서드 : 프로퍼티(상태 데이터)를 ..
[CleanCode] 삼항연산자를 어떻게 다룰까? 함수 매개변수로 if문,for문,swich문을 받을 수 있을까? 없다 . 그 이유는? 값이 들어가야지 식이 들어가면 안된다. 그럼 삼항연산자는 들어가도 되낭? 된다. 그 이유는? 조건문이 있으나 값으로 귀결하기 때문에 삼항연산자 다루기. 숏코딩보다 일관성이 더 중요하다. -3개의 피연산자를 취해 아래의 형식으로 나타낸다. 조건 ? 참 : 거짓 case2 - ?과 참,거짓을 기준으로 indent나누고 괄호 활용하기 const example = condition1 ? ((a === 0) ? 'zero' : 'positive') : 'negative' case3 - null일때 const welcomeMessage = (isLogin) => { const name = isLogin ? getName() : '..
[CleanCode] else을 왜 지양할까? else if 피하기 const NUMBER = 5; if(NUMBER >= 0){ console.log("0보다 크거나 같다.") // "0보다 크거나 같다." } else if( NUMBER > 0){ consoel.log("0보다 크다.") } 콘솔창엔 "0보다 크거나 같다." 이 출력된다. 왜냐하면 else if는 else 한 후 다시 if 조건문을 만들기 때문이다. const NUMBER = 5; if(NUMBER >= 0){ console.log("0보다 크거나 같다.") } else { if( NUMBER > 0){ consoel.log("0보다 크다.") } } else if문은 사실 위 코드처럼 실행되고 있다. 그래서 NUMBER는 0보다 크거나 같기도 하고 0보다 크기도 하므로 두 가지..
8장 제어문 📂8장 제어문 조건에 따라 코드 블록을 실행(조건문)하거나 반복 실행(반복문)할 때 사용. 코드의 실행 흐름을 인위적으로 제어할 수 있음. forEach, map, filter, reduce같은 고차 함수를 사용한 함수형 프로그래밍 기법에선 제어문의 사용을 억제하여 복잡성을 해결하기 위해 사용 블록문 0개 이상의 문을 중괄호로 묶은 것 코드 블록 또는 블록이라고도 함 하나의 실행 단위로 취급 블록문 끝에는 세미콜론을 붙이지 않음. why? 세미콜론은 문의 종료를 의미하는 자체 종결성을 갖기 때문 // 블록문 { var foo = 10; } // 블록문 끝엔 세미콜론x //제어문 { var x = 1; if(x 9장 암묵적 타입 변환 참고. if(조건문) { // 조건문이 true일때 이 부분에 적힌 코드..
이중 for문 흐름 이해하기 - 코드가 복잡해질수록 이중 for문의 개념이 헷갈려 다시 한번 정리하였습니다. - 종이에 써가며 차근차근 i와 j를 증감해보시면 더 빨리 이해 할 수 있습니다 for(let i = 1;i
6장 데이터 타입 📂6장 데이터 타입⏳👩‍💻💻 모든 값은 데이터 타입을 가짐. ES6에선 7개의 데이터 타입을 제공, 원시 타입과 객체 타입으로 나뉨 데이터 타입의 필요성 데이터 타입에 의한 메모리 공간의 확보와 참조 변수에 할당되는 값의 데이터 타입에 따라 확보해야 할 메모리 공간의 크기가 결정됨. var score = 100 💻 자바스크립트엔진 저장할때 리터럴 100을 숫자 타입의 값으로 해석 숫자 타입은 8바이트로 설명하기 때문에 8바이트의 메모리 공간 확보 100을 2진수로 변환 후 저장. 💻 자바스크립트엔진 참조할때 score 변수를 숫자 타입으로 인식 숫자 타입은 8바이트 단위로 저장 score 변수를 참조하면 8바이트 단위로 메모리 공간에 저장된 값(2진수)을 숫자타입으로 읽음. 데이터 타입에 의한 값의 해석..
5장 표현식과 문 📂5장 표현식과 문 값 : 식이 평가되어 생성된 결과 값의 특징 모든 값은 데이터 타입을 가짐. 메모리에 비트(2진수)의 나열로 저장. 저장된 값은 데이터 타입에 따라 다르게 해석될 가능성 있음. 예) 0100 0001를 숫자로 해석하면 65, 문자로 해석하면 'A' 변수에 할당되는 것은 값임. var sum = 10 + 20 ; //30 10 + 20(식)이 평가되어 값 30을 생성함. 변수 sum이 기억하는 메모리 공간에 저장되는 것은 값(30)임. 10+20이 아님. 🔎 용어 정리 평가 : 식을 해석해서 값을 생성 하거나 참조 하는일 참조 : 변수에 저장된 값을 읽어 들이는 것 값 생성 방법 - 리터럴 : 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법 💻 자바스크립트 엔진 : 런타임에 리터럴..
썸네일 4장 변수 📂4장 변수 변수? 변수의 정의 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 그 메모리 공간을 식별하기 위해 붙인 이름 🔎 용어 정리 할당(대입, 저장) : 변수에 값을 저장하는 것 참조 : 변수에 저장된 값을 읽어 들이는 것 변수의 필요성 기억하고 싶은 값을 메모리에 저장하고, 저장된 값을 읽어 들여 재사용하기 위해 변수 사용 식별자 식별자 : 메모리 상에 존재하는 어떤 값을 식별할 수 있는 이름 식별자는 메모리 주소를 기억 (값을 기억하는 것이 아님.) 변수 선언 var age; // 변수 선언 💻 var 키워드 변수 선언시 자바스크립트 엔진이 하는 일 선언 : 변수 이름 등록해서 자바스크립트 엔진에 변수의 존재를 알림. 초기화 : 값을 저장하기 위한 메모리 공간 확보, 암묵적으로 undefi..
썸네일 [JS] 문제 54 - 연속되는 수 문제 : 연속되는 수가 맞으면 YES, 틀리면 NO를 출력한다. 배열 비교하는 방법 1. JSON 이용하여 배열 비교 JSON.stringify : json, Object 객체를 문자열로 변환 JSON.parse : 문자열을 json, Object로 변환 const input= "1 2 3 4 5"; const inputData = input.split(' ').map(v => parseInt(v)); const answer = [] for(let i = inputData[0];i parseInt(v)); const answer = [] for(let i = inputData[0];i
썸네일 [JS] 3003 킹, 퀸, 룩, 비숍, 나이트, 폰 2022.08.25 https://www.acmicpc.net/problem/3003 3003번: 킹, 퀸, 룩, 비숍, 나이트, 폰 첫째 줄에 동혁이가 찾은 흰색 킹, 퀸, 룩, 비숍, 나이트, 폰의 개수가 주어진다. 이 값은 0보다 크거나 같고 10보다 작거나 같은 정수이다. www.acmicpc.net 3003 킹, 퀸, 룩, 비숍, 나이트, 폰 문제 체스는 총 16개의 피스를 사용하며, 킹 1개, 퀸 1개, 룩 2개, 비숍 2개, 나이트 2개, 폰 8개로 구성.흰색 피스의 개수가 주어졌을 때, 몇 개가 더 필요하거나 덜어야되는지 코드 작성. 검정색 피스는 모두 있고, 흰색 피스는 개수가 올바르지 않음. 첫째 줄에 동혁이가 찾은 흰색 킹, 퀸, 룩, 비숍, 나이트, 폰의 개수가 주어진다. 이 값은 ..
라이브러리 브랜드 그룹 | 맨덕`s 개발일기

티스토리툴바