안녕하세요. 동기 여러분! 오늘은 배열의 두 번째 시간입니다. 오늘은 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이 필요합니다. 아래의 그림을 보시죠! 그렇다면 질럿을 생산하기 위해서는..
안녕하세요. 동기 여러분! 오늘도 파이썬과 함께 비교해보는 시간을 갖도록 하겠습니다. 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}이 너의 주문이 맞..
여러분 드디어 함수가 왔습니다!!! 오늘도 역시 파이썬과 함께 비교해보며 알아보도록 합시다. Function 프로그래밍을 할 때, 특정한 코드를 여러 번 반복을 해야 하거나 그 코드를 응용을 해야 하는 경우들이 있죠? 그럴 때 사용하는 것이 함수입니다. 파이썬과 자바스크립트의 함수 선언은 조금 방법이 다른데, 아래의 예를 보고 설명을 계속하겠습니다. #Python def 함수이름() : 함수에 들어갈 내용 // JavaScript function 함수이름() { 함수에 들어갈 내용 } 소괄호 안에는 두 프로그램 모두 변수(parameter)를 넣는데 다음 포스팅에서 자세히 설명하도록 하고 위의 코드에 집중해 봅시다. 위의 function은 'FUNCTION KEYWORD'라 부르고, 함수의 시작을 알리는..
오늘도 역시 파이썬과 함께 알아보는 시간을 가지도록 하겠습니다. 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(..
안녕하세요. 오늘은 논리 연산자를 파이썬과 비교해보며 알아보겠습니다! Logical Operators 의미 파이썬 논리 연산자 자바스크립트 논리 연산자 그리고(주어진 두 값이 모두 참일 경우 참) and, & && 또는(주어진 두 값중 하나라도 참일 경우 참) or, | || 부정, 반대(주어진 값을 반대로 바꾸거나 부정함) not ! 다들 비슷비슷하게 생겼군요! 의미를 설명하기 위해 아래의 예제를 보도록 합시다. 그리고 Py: and, & JS: && (주어진 두 값이 모두 참일 경우 참) 이렇게 양쪽의 값이 모두 참일 때 파이썬과 자바스크립트는 불린(Boolean) 값으로 true를 출력해줍니다. false의 경우도 볼까요? 두 번째 값인 (11 > 21)이 거짓이라 출력 값이 false로 나오는 것..
안녕하세요. 오늘은 자바스크립트의 귀엽고 깜찍한 비교 연산자예요. 파이썬과 비교해보며 알아봅시다! Comparison Operators 의미 파이썬 기호 자바스크립트 기호 미만(오른쪽 갚보다 적다) 이하(오른쪽 갚보다 적거나 같다) = 값이 같다 == === 값이 같지 않다 != !== 오호 다들 비슷 한데 '값이 같다'와 '값이 같지 않다'만 조금 다르네요! 어제 포스팅한 if문과 함께 예제를 보도록 하겠습니다. 그럼 아래를 보시죠! if문을 해석해보자면, "내 돈이 너의 돈보다 많으면 '오늘은 내가 쏜다'를 출력하고 아니라면 '오늘은 니가 사!'를 출력해줘"입니다. 그래서 너의 돈이 20000으로 내 돈 보다 많으므로 '오늘은 니가 사!'가 출력이 된 것을 확인할 수 있습니다. 그렇다면, 내 돈이 적..
오늘도 역시 파이썬과 함께 비교를 해보는 시간 타입 찾기 ! 프로그래밍을 하다보면 저 변수나 클래스 함수 등등 이게 무슨 타입인지 궁금하거나 ( 사실 궁금하지 않음 ) 꼭 알아봐야 할 경우가 생기는데요, 그럴 때 사용하면 되는 방법을 소개합니다~ 파이썬에서는 type() 이라는 기능을 사용하는데요, 소괄호 안에 확인하고 싶은 것을 넣어 주시면 됩니다. 자바스크립트에서는 typeof를 사용하는데요, typeof를 치고 스페이스바로 한칸 띄우신 다음에 확인하고 싶은것을 넣어주시면 됩니다. 그럼 코드에서 알아볼까요? 모든 언어에 drink란 변수를 만들고 'coke'를 넣고 타입을 알아 봤더니 모두 string 으로 나오는 것을 확인 할 수 있습니다. 역시 모든 언어에 balls란 변수를 만들고..
- Total
- Today
- Yesterday
- function
- 메서드
- 실수
- 타입스크립트
- javascript
- em
- html
- 반복문
- for문
- 함수
- 자바스크립트
- if문
- 프로그래머스
- Typescript
- Array
- Type
- CSS
- 파이썬
- Object
- css position
- 객체
- padding
- Margin
- html table
- 타입 좁히기
- 동기코딩
- Python
- CSS 포지션
- method
- HTML 기본
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 | 31 |