Dongi_coding 동기_코딩

안녕하세요. 동기 여러분! 오늘은 배열(Array)을 가져왔어요! 파이썬의 리스트(list)와 비교해보며 진행해 보겠습니다. Array (선언하기) 배열은 같은 종류의 데이터 타입이나 다른 종류의 데이터 타입을 담을 수 있어요. 아래의 예제를 보며 알아봅시다. 같은 종류의 데이터 타입(string 문자열) 다른 종류의 데이터 타입(순서대로 숫자, 불린, 문자열) 예제와 같이 [](Brackets)에 담아서 선언을 할 수 있습니다. Accessing Elements (객체에 접근) 배열은 객체 각각이 숫자를 지정받는데요, 그것을 인덱스(index)라고 합니다. 인덱스는 0부터 시작하기 때문에 첫 번째 객체에 접근하기 위해서는 인덱스 0이 필요합니다. 아래의 그림을 보시죠! 그렇다면 질럿을 생산하기 위해서는..

안녕하세요. 동기 여러분! 오늘은 중요하고 귀엽고 깜찍한 Scope를 가져왔어요. 함께 살펴볼까요? Scope 스코프를 가장 간단하게 설명을 하려면 어떻게 말을 해야 할까 고민을 하다가 헬스장으로 표현을 하는 게 가장 쉽다고 판단하여 설명을 해보겠습니다. 헬스장에는 기본 룰들이 있는데 (헬스장마다 다를 순 있지만) '회원 간의 서로 티칭을 금지한다.' 이 룰이 있다고 가정하고 아래의 그림을 보겠습니다. 헬스장(Global Scope)에 속해있는 헬스 트레이너(Global Variable)는 상체 운동(Local Scope)이건 하체 운동(Local Scope)이건 모든 회원들의 운동에 간섭이 가능합니다. 하지만 상체 운동(Local Scope)을 하던 회원 1이 하체 운동(Local Scope)을 하는 ..

안녕하세요, 동기 여러분! 오늘은 자바스크립트의 아주 귀엽고 깜찍한 Arrow Functions에 대해 알아보겠습니다. Arrow Functions ES6에서 소개된 Arrow Functions는 긴 함수 구문을 간결하게 줄여주는 아주 고마운 녀석입니다. () => 요렇게 생긴 친구인데요, 어떻게 사용하는지 예제로 알아봅시다. const bmiCal = function(weight, height) { const urbmi = weight / (height/100 * height/100); return urbmi; }; 저번 시간에 배운 Anonymous function으로 MBI를 계산하는 함수를 만들어 보았습니다. Arrow Functions로 바꾸어 볼게요! const bmiCal = (weight,..

안녕하세요. 동기 여러분! 오늘은 Function Expressions를 배워볼 거예요! Function Expressions 함수를 정의하는 다른 방법도 있는데요, 변수(Variable)에 함수를 저장해 두고 쓰는 방법입니다. 코드로 바로 확인해 볼까요? const jellyCount = function(children, amount) { const total = children * amount; return total; }; 변수(Variable) jellyCount를 쓰고 그 안에 함수를 정의하는 function 키워드를 이용해 소괄호(Parentheses)에 매개변수(Parameter) (children, amount)를 넣는다. 매개변수(Parameter) 각각을 곱해 total에 넣어준다. t..

안녕하세요. 동기 여러분! 오늘도 파이썬과 함께 비교해보는 시간을 갖도록 하겠습니다. Helper Functions Helper Functions는 코드를 읽기 쉽게 하고 디버깅하기 편하게 만들어주는 기능(?)인데요, 이 친구들은 다른 함수 안에 들어가서 사용되고 있는 함수로써 'Helper Functions'라고 부릅니다. 말 그대로 도와주는 애들이죠. 예를 들어 젤리를 먹고 싶은 아이들이 있습니다. 몇 명(children)인지 세어보고 몇 개(amount)나 먹고 싶은지 물어보고 개당 100원인 젤리의 총가격을 알아보는 코드를 적어보겠습니다. 그리고 아이들이 10명, 한 명당 6개씩 먹고 싶은 걸로 가정해보겠습니다. 위에 첨부된 코드를 보시면 : jellyCount라는 함수를 만들고 매개변수(para..

오늘은 쉽지만 놓칠 수도 있는 내용 Return을 가지고 왔습니다. 오늘도 역시 파이썬과 함께 비교해봅시다! Return 사전에 Return을 찾아보면, 돌아오다, 돌려주다, 반납하다 등등이 있는데요, 여기서는 돌려줘라 라고 해석하면 가장 자연스럽습니다. 간단한 예를 들어보겠습니다. 통장 잔고를 알려주는 함수를 만들 텐데 통장 총액에서 사용한 금액을 차감하는 형태의 코그입니다. 만원을 가지고 있는데 2500원짜리 야채김밥을 사 먹었다고 계산해보겠습니다. accountTotal이라는 함수에 total, spend라는 매개변수(parameter)를 넣고 return을 써주어 '값을 돌려줘라'라고 명령도 넣고 total - spend를 한 후에 식별자(Identifier)인 acountTotal로 실행을 시키..

안녕하세요. 오늘도 파이썬과 함께 비교해보는 자바스크립트 포스팅!!! 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원'); ..