'웹 개발'에 해당되는 글 45건

  1. 2021.01.21 block, inline-block, inline
  2. 2021.01.21 class 와 id의 차이점
  3. 2021.01.20 for문
  4. 2021.01.19 문자열 다루기
  5. 2021.01.19 Truthy 와 Falsy

block, inline-block, inline

웹 개발/Study 2021. 1. 21. 15:04

                                                     block                           inline-block                          inline

줄바꿈 여부 줄바꿈됨 줄바꿈 되지 않음 줄바꿈 되지 않음
기본적으로 갖는 너비(width) 100% 글자가 차지하는 만큼 글자가 차지하는 만큼
width, height 사용 가능여부 가능 가능 불가능

 

'웹 개발 > Study' 카테고리의 다른 글

MapReduce  (0) 2021.02.03
Closure 과 Currying  (0) 2021.02.03
class 와 id의 차이점  (0) 2021.01.21
for문  (0) 2021.01.20
문자열 다루기  (0) 2021.01.19
:

class 와 id의 차이점

웹 개발/Study 2021. 1. 21. 14:22

class                                                                          id

.으로 선택 #으로 선택
목적에 맞게 자유롭게 이름 붙일 수 있음 목적에 맞게 자유롭게 이름 붙일 수 있음
동일한 값을 갖는 엘리먼트 많음 문서 내에서 단 하나의 엘리먼트가 유일한 값을 가짐
엘리먼트가 여러 값을 가질 수 있음 엘리먼트 단 하나의 값을 가짐
스타일의 분류(classification)에 사용 특정 엘리먼트를 이름 붙이는 데 사용

 

'웹 개발 > Study' 카테고리의 다른 글

Closure 과 Currying  (0) 2021.02.03
block, inline-block, inline  (0) 2021.01.21
for문  (0) 2021.01.20
문자열 다루기  (0) 2021.01.19
Truthy 와 Falsy  (0) 2021.01.19
:

for문

웹 개발/Study 2021. 1. 20. 10:05

반복할 조건을 초기화, 조건식, 증감문 순으로 넣어준다.

1
2
3
4
5
6
let sum;
for(i =0; i< 5; i = i+1)
{
sum = sum + 1;
}
console.log(sum) // 10
cs

'웹 개발 > Study' 카테고리의 다른 글

Closure 과 Currying  (0) 2021.02.03
block, inline-block, inline  (0) 2021.01.21
class 와 id의 차이점  (0) 2021.01.21
문자열 다루기  (0) 2021.01.19
Truthy 와 Falsy  (0) 2021.01.19
:

문자열 다루기

웹 개발/Study 2021. 1. 19. 18:18
  • 문자열의 length라는 속성을 활용해 길이를 확인할 수 있다. str.length
  • 문자열의 글자 하나하나에 접근할 수 있다. str[1]
  • 문자열을 합칠 수 있다. word1 + " " + word2
  • 문자열을 원하는 만큼만 잡을 수 있다. str.slice(0, 3) str.substring(0, 3)
  • 영문을 모두 대문자로 바꿀 수 있다. str.toUpperCase
  • 영문을 모두 소문자로 바꿀 수 있다. str.toLowerCase
  • 문자열 중 원하는 글자의 index를 찾을 수 있다 str.indexOf('a')
  • 문자열 중 원하는 글자가 포함되어 있는지 알 수 있다. str.includes('a')

'웹 개발 > Study' 카테고리의 다른 글

Closure 과 Currying  (0) 2021.02.03
block, inline-block, inline  (0) 2021.01.21
class 와 id의 차이점  (0) 2021.01.21
for문  (0) 2021.01.20
Truthy 와 Falsy  (0) 2021.01.19
:

Truthy 와 Falsy

웹 개발/Study 2021. 1. 19. 16:52

기억해야할 falsy 값들:

false

null

undefined

0

NaN (Not a Number)

''

OR 연산자는 truthy한 값을 만나면, 그 값을 출력한다.

평가순서:

------->

undefined || 10 --> 10 (true)

5 || 10 --> 5

5 || console.log('실행되지않음') --> 5

둘다 falsy 할 경우, 뒤에 있는 값을 출력한다.

undefined || false  --> false

AND 연산자는 falsy 한 값을 만나면, 그 값을 출력 합니다.

undefined && 10 --> undefined

5 && false --> false

둘다 truthy 할 경우, 뒤에 있는 값을 출력한다.

5 && 10 --> 10

'웹 개발 > Study' 카테고리의 다른 글

Closure 과 Currying  (0) 2021.02.03
block, inline-block, inline  (0) 2021.01.21
class 와 id의 차이점  (0) 2021.01.21
for문  (0) 2021.01.20
문자열 다루기  (0) 2021.01.19
: