Dongi_coding 동기_코딩

안녕하세요. 동기 여러분! 오늘은 .map() 메서드를 가지고 왔습니다. 그럼 보시죠! The . map() Method .map() 메서드는 지난 시간에 알아본 .forEach() 메서드랑 비슷하지만 하나의 기능을 더 가진 녀석입니다. 배열(Array)의 각 개체를 가져와서 실행 시켜주면 .forEach() 메서드이고 그 후에 새로운 배열을 만들어 준다면 .map() 메서드입니다. 생김새 // JavaScript const nums = [1, 2, 3, 4, 5] // 배열(Array) const tripledNums = nums.map(num => { // .map() 메서드 return num * 3; }); console.log(tripledNums) // tripledNums를 출력하면 // 출..

안녕하세요. 동기 여러분! 오늘은 간단한 메서드 하나 들고 왔습니다! The .forEach() Method .forEach 메서드는 배열(Array)에 있는 각각의 개체를 꺼내와서 실행시켜주는 아주 귀엽고 깜찍한 녀석입니다. 생김새 // JavaScript IDENTIFIER = [1, 2, 3, 4, 5] IDENTIFIER.forEach(); // 소괄호 안에 함수를 넣어줍니다. 예제 일반 함수를 사용한 경우 화살 함수(Arrow Function)를 사용한 경우 어때요? 오늘은 즈응말 쉽죠잉? 하하하하 오늘의 느낌 자몽은 그냥 먹으면 별로 맛이 없는데 자몽맛 탄산수는 최고인 듯.

안녕하세요. 동기 여러분! 오늘은 함수(Function)를 매개변수(Parameter)에 집어넣어 사용하는 방법을 알아보도록 합시다. 살짝 포스팅이 늦어졌는데, 일 끝나고 피곤한 상태로 이걸 이해하려 하다 보니 이해가 너무 안 돼서 며칠을 씨름했네요! 아무튼, 가봅시다! Functions as Parameters 자바스크립트에서는 함수를 매개변수에 집어넣어서 사용할 수 도 있는데, 그러기 위해서는 고차 함수(Higher order function)가 필요합니다. 고차 함수(Higher Order Function)가 무엇인가? 하나이상의 함수를 매개변수(Parameter)의 값을 받는다. 함수의 결괏값을 되돌려준다. 상위 두기 능이 다 있다. 생김새 말로 백날 설명해봐야 이해가 안 된다. 코드를 보시죠! ..

안녕하세요. 동기 여러분! 오늘은 Functions as Data, 함수를 새로운 이름의 변수에 넣어 편리하게 사용하는 방법을 알아보겠습니다! Functions as Data 보통 우리가 코드를 작성하는 일을 할 때, 대부분 많은 사람들이 한 프로젝트에 매달려 코드를 작성합니다. 그렇다면 내가 쓴 코드를 다른 사람이 봤을 때 직관적으로 알아보기 쉽게 하기 위해 주석을 달아줄 수도 있고, 함수 이름에 설명을 적을 수도 있습니다. 하지만 이럴 경우에 함수의 이름이 너무 길어 사용하는데 불편함이 있을 수 있겠죠? 그것을 해결해줄 수 있는 방법이 있습니다. 함수 선언 후 그 함수를 변수에 선언 // JavaScript const thereIsFuctionThatYouNeedToDoItAtFirstBecauseI..

안녕하세요. 동기 여러분! 오늘은 break 키워드에 대해 배워 보도록 하겠습니다. Python의 break도 같이 보도록 하죠. The break Keyword 반복문을 사용하다가 보면 다양한 경우의 수들이 있는데, 반복문을 중간에 빠져나와야 할 경우 break 키워드를 사용합니다. 사용방법 // JavaScript // 보통 if문 안에 자주 쓰입니다. for ( 반복문 조건 ) { if ( 조건 ) { break; } } 예제 배열(Array)안에 있는 객체들을 차례대로 출력해주는 코드에 break 키워드를 넣어 봤습니다! JavaScript 유명한 라면 배열(Array)을 koreanRamen에 넣어 선언 반복문 for ( i는 0; i는 koreanRamen의 객체수(9) 보다 작다; i는 하나..

안녕하세요. 동기 여러분! 오늘은 파이썬에는 없는 기능( 억지로 비슷하게 만들 순 있지만 ) Do...While문을 가지고 왔습니다! 그럼 한번 보도록 하죠. Do...While Statements 코드를 작성해 놓고 얘가 어떻게 작동하는지 한번 보고 그다음에는 코드의 컨디션에 따라 작동하길 바랄 때 Do...While문을 사용합니다. 그래서 Do...While문은 무조건 한번 실행이 되고 그 후에는 컨디션에 따라 작동합니다. 사용 방법 //JavaScript do { 여기에 코드 내용; } while ( 여기에 컨디션 ); 예제 간단히 1부터 10까지 출력해주는 Do...While문을 보도록 하겠습니다. 변수 n이 변해야하는 값이기 때문에 let으로 변수 선언 do문에는 n+1씩 하여 n으로 들어가게 ..

안녕하세요. 동기 여러분! for 반복문을 배워 봤으니 while도 알아보아야겠죠? 오늘은 while 반복문을 파이썬 while문과 비교해보는 시간을 가지도록 하겠습니다. The While Loop 반복문 하면 for와 while이 사용되는데, 언제 for를 쓰고 언제 while을 쓸까요? Khan academy에서는 이렇게 대답하고 있습니다. for와 while은 모두 반복문에서 사용이 될 수 있고, 더 적절하게 보이는 곳에 사용하면 됩니다. 일반적으로, 얼마만큼 반복을 할지 횟수를 알고 있다면 for문을 사용하고, 반복문이 횟수보다는 컨디션(Boolean 같은 데이터 타입)에 따라 얼마나 반복할지 정해진다면 while문을 사용합니다. Khan Academy : https://support.khanac..

안녕하세요. 동기 여러분! 오늘은 중첩 반복문(Nested Loops)에 대해 알아보도록 하겠습니다! 점점 갈수록 어려워지고 있는데 뇌에 주름이 적은 저는 이해하기가 몹시 까다롭더라고요! 최대한 쉽고 깔끔하게 설명해보도록 하겠습니다. Nested Loops 반복문 안에 또 다른 반복문이 있는 것을 중첩 반복문(Nested Loops)이라고 합니다. 사용방법 및 예제 리그오브레전드의 미드 챔프 5명과 서폿 챔프 4명의 배열(Array)을 선언해준뒤에 미드와 서폿 모두 사용되는 챔프를 선별해 중복 챔프 배열에 넣어보도록 하겠습니다! JavaScript 미드 챔프(midChamps)로 '럭스', '애니', '아지르', '말자하', '이렐리아' 서폿 챔프(suppChamps)로 '유미', '럭스', '애니', ..

안녕하세요. 동기 여러분! 오늘은 반복문을 배열(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 보다 작다'를 적어주고..