일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- atmega 128a
- hc-sr04
- Pspice
- structural modeling
- java
- Recursion
- prescaling
- ring counter
- vivado
- LED
- verilog
- DHT11
- behavioral modeling
- i2c 통신
- uart 통신
- Algorithm
- Linked List
- stop watch
- ATMEGA128A
- FND
- soc 설계
- test bench
- half adder
- BASYS3
- D Flip Flop
- KEYPAD
- Edge Detector
- dataflow modeling
- gpio
- pwm
- Today
- Total
목록Front-end/Javascript (8)
거북이처럼 천천히
1. Javascript 문자열 줄바꿈 1.1. escape 문자를 통한 문자열 줄바꿈 - 문자열에서 New Line을 뜻하는 '\n' 이스케이프 문자를 넣어주면 줄바꿈이 동작된다. 1.2. Template Literal를 통한 문자열 줄바꿈 - escape 문자를 통해 줄바꿈할 경우, 가독성이 떨어진다는 단점이 있기 때문에 이를 해결하고자 최신 문법인 Template Literal 사용한다. - 문자열을 정의할 때 따옴표( ' 또는 " )를 사용하는 대신 백틱(`)을 사용하면 escape문자를 사용없이 입력한 그대로 문자열이 표현된다. - Template Literal 내에서 변수를 집어넣고 싶다면 ${변수}를 통해 넣어 표현할 수 있다.

1. padStart 이란? 문자열이 minmum length 을 충족시키지 못했을 경우, 대상 문자열의 시작(좌측)에 새로운 문자열을 채워넣는다. 채워넣기는 대상 문자열의 시작(좌측)부터 적용 1.2. padStart 구성 padStart('minimum string length', '채워넣기') 채워넣기 : 채워넣기는 minmum length을 충족시키지 못했을 경우, 문자열의 시작(좌측)에 채워 넣을 text을 의미 minimum string length를 충족할 경우, 그대로 출력 1.3. padStart 사용 예시 2. padEnd 이란? padStart() 는 minimum length에 충족하지 못할 경우, 문자열의 시작에 text를 추가 padEnd() 는 minimum length에 충족..

1. Date 생성자 1970년 1월 1일 UTC(국제표준시) 자정으로부터 지난 시간을 밀리초로 나타내는 Date 객체를 생성 2. new.Date() new.Date()를 통해 실시간 시간 정보 담고 있는 object를 return 받을 수 있다. 3. new.Date() 객체가 담고 있는 요소들 Situation : const data = new.Date() 선언된 상태 data.getDate() : 현재 몇 일인지를 반환 data.getDay() : 무슨 요일인지를 반환 (0을 일요일이라는 가정) data.getFullYear() : 몇 년인지를 반환 data.getHours() : 몇 시인지를 반환 data.getMinutes() : 몇 분인지를 반환 data.getSeconds() : 몇 초..

1. setTimeout 이란? setTimeout 함수는 함수을 실행하는 타이머 설정하는 함수 setTimeout 은 setInterval와 같이 동일한 2개의 argument를 받지만, 서로 다른 동작을 한다. 2. setTimeout 함수 setTimeout(func, delay (ms단위)) 3. setTimeout 함수 사용 예시

1. setInterval 이란? interval은 '간격' 에 의미로, 일정한 시간 간격을 두고 event를 발생시키고자 할 때 사용 setInterval 함수는 특정 사건을 일정한 시간 간격을 두고 발생 시키고자 할 때 적용 2. setInterval 함수 setInterval(func, delay (ms단위)) 3. setInterval 함수 사용 예시

1. LocalStorage 이란? 브라우저에서 기본 제공하는 key/value 형태로 구성된 데이터를 안전하게 저장할 수 있는 메커니즘 2. LocalStorage API method localStorage.setItem() : DB에 key/value 데이터를 보관하는 명령어 localStorage.getItem() : DB에서 데이터를 불러오는 명령어 localStorage.removeItem() : DB에서 특정 데이터를 삭제하는 명령어 3. LocalStorage API method 사용 예시
1. 두 번 이상 사용하는 값은 변수로 설정하기 - 두 번 이상 사용하는 값을 변수로 설정하는 것은 다음과 같은 장점들을 갖는다. 1) 가독성 측면에서 좋다. 2) 에러가 발생할 확률이 낮아진다. 3) 수정함에 있어 편리하다. - 변수명은 대문자로 표현하는 것이 가독성 측면에 좋다. 2. 으로 부터 의미 있는 데이터만 받기 - Javascript내에서 조건문을 이용하여 의미 있는 데이터를 받을 수 있지만, HTML내에서도 property를 이용하여 의미 있는 데이터를 받을 수 있다. 하지만, HTML에서 input의 property가 동작하기 위해서는 반드시 태그 내에 태그가 위치 있어야 한다.