Dongi_coding 동기_코딩

안녕하세요. 동기 여러분! 오늘은 반복문을 배열(Array)과 함께 쓰는 방법을 알아보겠습니다! 파이썬에도 비슷한 기능이 있으니 비교해봅시다. Looping through Arrays 반복문을 이용해서 배열에 있는 객체들을 꺼내서 다양하게 응용을 할 수 있습니다. 그럼 예제를 통해 알아봅시다! 예제 햄버거 가게 주문 코드 JavaScript 먼저, 버거 메뉴의 배열(Array)을 선언, const burgerMenu = ['불고기 버거', '치킨 버거', '치즈 버거', '소고기 버거']; for문으로 시작하는데, i를 0인 변수로 선언하고 ;(세미콜론)으로 구분을 해줍니다. burgerMenu의 length(객체 수)를 구하면 4가 나오겠죠? 우리가 뽑아내야 할 i의 수는 0, 1, 2, 3이니까 i ..

안녕하세요. 동기 여러분! 드디어 반복문의 시작 For문에 대해 배워 보도록 하겠습니다!!! 짝짝짝 오늘도 파이썬과 함께 비교해보며 알아보도록 할게요! The For Loop 여기 반복문에서 for는 ~를 위한 이라는 뜻보다는 ~동안으로 해석을 하면 코드를 읽는 것이 더 수월 할거 같습니다. 예를 들어 "컴퓨터가 뒤에 나와있는 코드를 작동하는 동안" 사용방법과 예제 1. 1부터 10까지 출력 해보기 JavaScript 소괄호(parentheses)와 중괄호{curly brackets}의 위치는 함수(function) 때랑 같죠? let counter = 1;로 변수를 선언하고 ;(세미콜론)으로 문장과 문장 사이를 구분해 줍니다. 10까지만 출력을 할 예정이니 'counter는 11 보다 작다'를 적어주고..

안녕하세요. 동기 여러분! 오늘은 중첩 배열(Nested Array)을 가지고 왔습니다! Python에도 이와 같은 기능이 있는데요, 같이 비교해보면서 알아봅시다! 중첩 배열(Nested Array) 배열(Array) 안에 또 다른 배열이 있는 상태를 중첩 배열(Nested Array)이라고 부릅니다. 어떻게 생겼는지 보도록 하죠! 생김새 // JavaScript const nestedArray = [[1], [2, 3]]; const nestedArray2 = [1, 2, 3, [4, 5]]; const nestedArray3 = [[1, 2], [3, [4, 5, 6]], [7, 8]]; # Python nestedArray = [[1], [2, 3]] nestedArray2 = [1, 2, 3, [..

안녕하세요. 동기 여러분! 지난 시간에 이어서 .slice(), .splice(), .shift(), .unshift(), .concat() 메서드를 알아보도록 합시다! Python에 비슷한 함수가 있다면 같이 비교도 해봅시다! .slice() .slice()는 배열(Array)에 있는 객체를 일정 부분 잘라오는 메서드인데요, .slice를 하고 () 소괄호(Parentheses) 안에 시작 부분의 인덱스와 마지막 부분 인덱스 +1을 넣어주면 원하는 객체들만 쏙 빠져나옵니다. 마지막 부분의 인덱스 +1을 적지 않으면 시작 지점부터 끝까지 다 나오기 때문에 이것을 염두해주시면 좋겠습니다. Python에서는 리스트 이름[시작 지점 인덱스 : 마지막 부분 인덱스 +1]을 해주면 슬라이싱 되어 나옵니다. 말이 ..

안녕하세요. 동기 여러분! 오늘은 자바스크립트의 .push(), .pop(), .join(), .slice(), .splice(), .shift(), .unshift(), .concat() 메서드에 대해 쉽고 간단하게 알아보도록 하겠습니다. 그리고 파이썬과 비슷한 함수가 있다면 비교하는 시간도 가져 봅시다. 갑시다! .push() 'Push'를 영어 사전에 찾아보면, 밀다, 밀어붙이다 등등 뜻이 있다는 것을 확인할 수 있는데, 여기서는'밀어붙이다'로 생각하면 이해가 쉬울 거 같아요. 그래서 .push() 메서드는 배열의 마지막 객체 뒤에 새로운 개체를 밀어붙여 넣어버릴 수 있는 아주 귀엽고 깜찍한 녀석입니다. Python에서는 이와 비슷한 함수로 .append()가 있습니다. 사용 방법 // Javasc..

안녕하세요. 동기 여러분! 오늘은 배열의 두 번째 시간입니다. 오늘은 1. Update Elements 2. Array with let and const 3. The. length property를 파이썬과 함께 비교해보며 알아보겠습니다! Update Elements 객체를 업데이트하라! 배열(Array) 안에 있는 객체들을 새로운 데이터 타입으로 교체를 해줄 수 있는데요, 아래의 예제를 보도록 합시다. 리그 오브 레전드의 미드라인 챔피언 배열(Array)입니다. 'Akshan'을 'Yasuo'로 바꾸기 위해 인덱스 번호 2를 사용해서 lolMidChamps[2] = 'Yasuo'라는 코드를 이용하여 바꾸어 주었습니다. 'LeBlanc'을 바꾸려면 인덱스 번호를 6으로 해서 바꾸면 됩니다. 그리고 야스오..

안녕하세요. 동기 여러분! 오늘은 배열(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..