일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 다형성 (polymorphism)
- Instanc
- 재귀함수 탬플릿
- 클래스 문법 구조
- 얕은복사와 깊은 복사
- 조건문
- Math.floor()
- Promise all
- 참조자료형
- string
- 화살표함수 기본 개념
- justfiy-content
- 추상화 (abstraction)
- probs.children
- props비구조화 할당
- 캡슐화 (encapsulation)
- css 정리
- 문자열을 객체로 만드는법
- align-content
- 재귀적으로 생각하기
- async/await
- Promise Chaining
- display
- class
- 첫번째 미니 프로잭트
- flex-direction
- probs
- 상속 (inheritance)
- align-iitems
- 객체지향 프로그래밍 특징
- Today
- Total
목록전체 글 (129)
희락코딩
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cP4u9i/btq2cYHx0KO/ZD3DoncD0ykioZoUcLCkhk/img.png)
문제 function findShort(word1, word2, word3) {} ▶ 차례대로 문자열 3개를 입력받아, 가장 짧은 문자열을 리턴해야 합니다. 동일한 길이의 문자열 중에서는 처음 입력받은 문자열을 리턴합니다. string 타입으로 리턴 // 수도 코드 작성// // 비교할 매개 변수의 문자열 길이를 새로운 변수에 담아 준다. // 최소값을 나타내 주는 Math.min 메서드를 활용한다. // word1 이 짧을 경우의 조건 word1 반환 // word2 이 짧을 경우의 조건 word2 반환 // word3 이 짧을 경우의 조건 word3 반환 ▶ 코드 작성 1 2 3 4 5 6 7 8 9 10 11 12 13 function findShort(word1, word2, word3) { le..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/WLUQj/btq2dIYwCFq/9KL2vEGoTwxYSk3zzT9htk/img.png)
문제 function Pytha(side1, side2, side3){ } ▶ 삼각형의 세 변을 입력받아 직각삼각형(pythagorean)인지 여부를 리턴해야 합니다. 삼각형의 각 세 변은 무작위로 입력됩니다. 자바스크립트에서 x의 제곱(x squared)을 구하는 방법은 3가지 입니다. 세 가지 방법을 모두 사용해야 합니다. arr.sort 사용은 금지됩니다. 제곱을 구할 때는 입력으로 주어지는 변수를 그대로 사용해야 합니다. // 수도 코드 작성 // // 세변을 입력받아 직각삼각형 여부 파악 // 제곱근을 구하는 방식 3가지를 각 변수에 담는다. // 제곱근을 구하는 방식 1 pow1 = side1*side1 // 제곱근을 구하는 방식 2 pow2 = side2**2 // 제곱근을 구하는 방식 3 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/Hbywp/btq2goyq6HU/d4KmGkununAiv82KKkLYY1/img.png)
문제 function isEitherEvenAndLessThan8(num1, num2) {} ▶ 두 개 수를 입력받아 아래의 2가지 조건을 모두 만족하는지 검사합니다. EitherEven: 적어도 하나의 수는 짝수이다. LessThan9: 두 수 모두 8보다 작다. boolean 타입을 리턴해야 합니다. // 수도 코드 작성 // // 두 개 수를 입력 받아 2가지 조건을 모두 만족 시켜야됩니다. // 첫번째 조건과 두번째 조건에 각각 변수를 담아줍니다. // 첫번째 조건 EitherEven은 적어도 하나의 수는 짝수입니다. // 두번째 조건 LessThan9은 num1 , num2 두 수 모두 8보다 작아야 됩니다. // 변수로 담은 조건을 boolean 타입으로 반환합니다. ▶ 코드 작성 1 2 3 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/NDMyz/btq2eLfngJT/nw6D3dITNuKjEb53WN0xm0/img.png)
문자열 / 자주 사용하는 메서드 정리 코딩을 하다보면 문자열 데이터를 다룰 일들이 많습니다. 이때 유용하고 효율적으로 사용하는 프로퍼티와 메소드에 대해 알아 보겠습니다. 1. String ▶ String() 에 전달 된 인자는 모두 문자열로 변환시켜주는 메서드 입니다. String(7) // '7' String(false) // 'false' String([3,5,2,6]) // '3,5,2,6' //반환된 값도 변경이 가능합니다. const trueAnd = true && true String(trueAnd) // 'true' String(false || true) // 'true' const fn = fucnction(){return 7} String(fn) // '7' https://develope..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/0wdR4/btq2coLWWvt/epZZOj7VfjlsE6huky6NZK/img.png)
조건문 자바스크립트는 if문과 swicth문 이렇게 두가지의 조건문이 있습니다. 조건문은 주어진 조건식을 평가하고 그 결과에 따라 코드를 실행시키는 표현식입니다. 1. if문 ▶ if문은 주어진 조건식을 평가하기 위해 참과 거짓으로 구분하고 그에 맞는 코드를 실행시킵니다. if(조건문){ // 결과가 참일 경우 실행 } else { // 결과가 거짓일 경우 실행 } ▶ 조건식의 결과가 참일 경우 if 문의 코드 블럭을 실행시키고 거짓일 경우 else 문의 코드 블럭을 실행하게 됩니다. 만약 다른 조건식을 추가하고 싶다면 else if 문을 사용하면 됩니다. if(조건문1){ . . . } else if(조건문2){ . . . } else if(조건문2){ . . . } else { . . . } //el..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/vIFHf/btq18nZ6Wsz/7EV1C5Yz3mEQGs2J7aTOSK/img.png)
연산자 연산자란 하나 이상의 표현식을 대상으로 산술,할당,비교,논리,타입 연상 등을 수행해 하나의 값을 만드는것입니다. 1. 산술 연산자 ▶ 산술 연산자는 수학적 계산을 수행해 새로운 값을 만듭니다. 만약 산술을 할 수 없는 경우에는 NaN을 반환합니다 // 산술 연산자는 쉽게 말해 덧셈, 뺄샘, 나누셈, 곱셈이라고 생각하면 된다. // console.log(1 + 2) // 3 console.log(6 - 2) // 4 console.log(3 * 2) // 6 console.log(8 / 4) // 2 // 나머지 값 // console.log(8 / 2) // 4 2. 할당 연산자 ▶ 할당 연산자는 우측에 있는 피연산자의 연산 결과를 변수에 할당시키는 연산자이다. //할당 연산자// let a = ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bjLn3q/btq10SNv6t8/KXAB3sQA3Ke02fdF3iI6tk/img.png)
데이터 타입 프로그래밍 언어에서 2와 "2" 는 같은 말일까요? 정답은 아닙니다. 2와 "2"는 비슷하게 보이지만 서로 다른 타입입니다. 숫자 타입은 연산을 위해 만들어지고 문자열 타입은 텍스트로 출력하기 위해 만들어 집니다. 자바스크립트는 7가지 타입이 존재합니다. 원시 타입 string number boolean undefined null symbol ( ES6에서 추가 ) 객체 타입 object 1. String ▶ String 타입은 텍스트 데이터를 나타냅니다 let string = 'hope' // String 타입은 ''나 "" 혹은 ``로 감싸져 있습니다. (따옴표와 빽틱) 2. Number ▶ Number 타입은 숫자이고 모든 숫자는 Number 타입입니다. 숫자를 이용해 다양한 연산도 가..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/skpIv/btq1Wga1mt3/5TR7ZKcu0oZDJ9vgDz6vY0/img.png)
변수 (Variable) 변수는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 말합니다. 쉽게 말해 데이터를 보관하는 보관함 같은 역할을 말합니다. ▶ 보관함(메모리)이 있고 이 보관함에 이름을 정해줍니다. ( 선언 ) let box; // 변수에 이름을 지정해주는것이 선언! ▶ 보관함의 이름을 box 로 선언해 주었고 이 곳에 데이터를 보관해 보겠습니다. ( 할당 ) box = 'joy coding' // 변수에 데이터를 넣는것이 할당! ▶ 보관함의 이름으로 보관함 안에 있는 데이터를 가져와서 사용 가능합니다. console.log(box) // 'joy coding' ▶ 만약 변수 데이터에 할당하지 않을 경우 보관함(box)에 데이터가 담겨있지 ..