Dongi_coding 동기_코딩

안녕하세요. 오늘도 파이썬과 함께 비교해보는 자바스크립트 포스팅!!! Default Parameters 지난 시간에 배웠던 매개변수(Parameter)가 무엇인지 이제 우리는 알고 있습니다. 그런데 Default Parameter라니? 이게 뭘까요? 말 그대로 기본 매개변수(Default Parameter)입니다. 매개변수(Default Parameter)에 기본 값을 정해놓고 사용할 수 있는 건데요, 예를 들어 김밥집의 코드를 만들어 본다고 한다면, 기본 김밥은 야채김밥이고 다른 종류의 김밥들은 직접 적어 넣을 수 있게 해 보겠습니다. // 김밥집 코드 function kimbabHouse(kimbab = '야채김밥') { console.log(`안녕하신가 주문자여, ${kimbab}이 너의 주문이 맞..

안녕하세요. 여러분 한국의 날씨는 요즘 어떤가요? 캐나다는 가을이 오고 있네요. 오늘도 파이썬과 비교! Parameters and Arguments 매개변수와 독립변수 짜잔! 매개변수와 독립변수를 가지고 왔어요! 이게 무슨 소리냐 하시겠죠? 저도 그렇게 생각합니다. 둘이 다르다고 표현은 하는데 정확하게 파고들면 굉장히 복잡하고 어렵거든요. 이건 중급 정도 올라갔을 때 따로 포스팅해보도록 하겠습니다. 위 예제처럼 비빔밥 고기와 쌀의 종류를 선택할 수 있는 함수를 만들어 봤는데요, 저기서 protein과 rice가 바로 매개변수(PARAMETER)입니다. 그럼 독립변수(ARGUMENT)는 무엇일까요? myBibimbab이라는 함수를 호출할 때 소괄호 안에 넣는 값('소고기', '현미')들을 독립변수(ARGU..

여러분 드디어 함수가 왔습니다!!! 오늘도 역시 파이썬과 함께 비교해보며 알아보도록 합시다. Function 프로그래밍을 할 때, 특정한 코드를 여러 번 반복을 해야 하거나 그 코드를 응용을 해야 하는 경우들이 있죠? 그럴 때 사용하는 것이 함수입니다. 파이썬과 자바스크립트의 함수 선언은 조금 방법이 다른데, 아래의 예를 보고 설명을 계속하겠습니다. #Python def 함수이름() : 함수에 들어갈 내용 // JavaScript function 함수이름() { 함수에 들어갈 내용 } 소괄호 안에는 두 프로그램 모두 변수(parameter)를 넣는데 다음 포스팅에서 자세히 설명하도록 하고 위의 코드에 집중해 봅시다. 위의 function은 'FUNCTION KEYWORD'라 부르고, 함수의 시작을 알리는..

안녕하세요. 이번에 배울 스위치 키워드는 아주 편리한 녀석입니다. 갑시다! The swith keyword 설명에 앞서 김밥천국의 가격 코드를 else if 문으로 보고 가겠습니다. let specificKimbab = '땡초김밥'; if (specificKimbab === '야채김밥') { console.log('야채김밥 2,000원'); } else if (specificKimbab === '치즈김밥') { console.log('치즈김밥 2,500원'); } else if (specificKimbab === '소고기김밥') { console.log('소고기김밥 3,000원'); } else if (specificKimbab === '땡초김밥') { console.log('땡초김밥 3,000원'); ..

오늘도 역시 파이썬과 함께 비교해보는 시간을 갖도록 하겠습니다. Else If Statements 오늘 공부할 내용은 아주 귀엽고 깜찍하고 쉬운 Else If Statements인데요, 아마 파이썬을 배우신 분들은 Elif으로 알고 있는 그것 맞습니다! 지금까지는 if와 else만으로 두 가지의 경우의 수만을 가지고 코드를 작성해 봤는데요, 경우의 수가 두 가지 이상이 되면 else if(파이썬에서는 elif)를 씁니다. 그럼 예제로 확인해보시죠! 자, Else if문이 작동하는 원리는 컴퓨터가 위에서부터 아래로 맞는 값을 찾습니다. 위 코드 같은 경우 '참치김밥'이란 값이 들어 갔으니까 '기본김밥'을 false라 처리하고 다음으로 넘어가서 '참치김밥'에서 true로 인식해 출력한 예입니다. 만약 myM..

오늘도 역시 파이썬과 함께 알아보는 시간을 가지도록 하겠습니다. Ternary Operator (삼항 연산자) 저번시간에 배운 Truthy and Falsy Assignment와 기능은 비슷한데요, 삼항 연산자는 if...else문에서 쓰입니다. 아래의 예제를 보도록 합시다. let meHungry = true; if (meHungry) { console.log('밥 무라!'); } else { console.log('이따가 밥 무라!'); } // 출력 : 밥 무라! 배고플 때 밥 먹으라고 해주는 엄마같은 코드가 있다고 해봅시다. 이걸 삼항 연산자로 줄이면, // JavaScript let meHungry = true; meHungry ? console.log('밥 무라!') : console.log(..

안녕하세요? 오늘은 자바스크립트의 귀엽고 깜찍한 Truthy와 Falsy에 대해 알아보도록 하겠습니다. Truthy 쉽게 설명하자면, Truthy는 값(value)이 있는 대상을 말합니다. 아래의 코드로 예를 들어 보겠습니다. // Truthy let reneDescartes = 'I think, therefore I am.'; // 데카르트 : 나는 생각한다, 고로 존재한다 if (reneDescartes) { console.log('나도 생각한다, 점심 메뉴를.'); } else { console.log('나는 배부르다, 고로 생각 안한다.'); } // 출력 : '나도 생각한다, 점심 메뉴를.' 변수 reneDescartes 안에 'I think, therefore I am.'을 넣고 if, els..

안녕하세요. 오늘은 논리 연산자를 파이썬과 비교해보며 알아보겠습니다! Logical Operators 의미 파이썬 논리 연산자 자바스크립트 논리 연산자 그리고(주어진 두 값이 모두 참일 경우 참) and, & && 또는(주어진 두 값중 하나라도 참일 경우 참) or, | || 부정, 반대(주어진 값을 반대로 바꾸거나 부정함) not ! 다들 비슷비슷하게 생겼군요! 의미를 설명하기 위해 아래의 예제를 보도록 합시다. 그리고 Py: and, & JS: && (주어진 두 값이 모두 참일 경우 참) 이렇게 양쪽의 값이 모두 참일 때 파이썬과 자바스크립트는 불린(Boolean) 값으로 true를 출력해줍니다. false의 경우도 볼까요? 두 번째 값인 (11 > 21)이 거짓이라 출력 값이 false로 나오는 것..

안녕하세요. 오늘은 자바스크립트의 귀엽고 깜찍한 비교 연산자예요. 파이썬과 비교해보며 알아봅시다! Comparison Operators 의미 파이썬 기호 자바스크립트 기호 미만(오른쪽 갚보다 적다) 이하(오른쪽 갚보다 적거나 같다) = 값이 같다 == === 값이 같지 않다 != !== 오호 다들 비슷 한데 '값이 같다'와 '값이 같지 않다'만 조금 다르네요! 어제 포스팅한 if문과 함께 예제를 보도록 하겠습니다. 그럼 아래를 보시죠! if문을 해석해보자면, "내 돈이 너의 돈보다 많으면 '오늘은 내가 쏜다'를 출력하고 아니라면 '오늘은 니가 사!'를 출력해줘"입니다. 그래서 너의 돈이 20000으로 내 돈 보다 많으므로 '오늘은 니가 사!'가 출력이 된 것을 확인할 수 있습니다. 그렇다면, 내 돈이 적..

오늘은 자바스크립트의 If 문에 대해 알아볼 거예요. If Statement if (true) { console.log('왜 우리 야스오만...'); } // 출력 : 왜 우리 야스오만... if 뒤에 오는 소괄호 안에는 Boolean 조건만 들어갈 수 있습니다. 예를 들면, true, false, 또는 Boolean을 담을 수 있는 조건 (변수 등등) 만약 if 뒤에 오는 조건이 false일 경우, if 문은 실행되지 않습니다. 아래의 예제를 보도록 합시다. false로 실행한 코드 '나의 미드 야스오는 무적이다'는 출력이 되지 않고 평범한 출력문인 '아니 진짜라니까?'만 출력이 되는 것을 확인할 수 있습니다 ㅠ ㅠ 우리 팀 정글 ********** If... Else Statements if (fal..