안녕하세요. 동기 여러분! 오늘은 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 보다 작다'를 적어주고..
안녕하세요. 동기 여러분! 오늘은 중첩 배열(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으로 해서 바꾸면 됩니다. 그리고 야스오..
- Total
- Today
- Yesterday
- Array
- 함수
- 파이썬
- javascript
- 객체
- CSS 포지션
- 동기코딩
- 실수
- em
- 타입 좁히기
- 프로그래머스
- padding
- css position
- Python
- Type
- html
- Object
- 자바스크립트
- HTML 기본
- html table
- if문
- CSS
- 메서드
- function
- method
- 타입스크립트
- Typescript
- 반복문
- for문
- Margin
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |