일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 항해99
- 일반 예외
- 코딩테스트준비
- throws 키워드
- 예외
- 예외클래스
- 다중 catch 블록
- 개발자취업
- 실행 예외
- try-catch-finally 블록
- til
- 예외 처리
- 로켓펀치 #취준컴퍼니 #취업 #일상 #취준생
- 99클럽
- Today
- Total
목록FE/HTML CSS 자바 스크립트 (51)
innn
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/bpyXVG/btrK8gdEn6k/jxvov0KX7QVzRztSWuLbWK/img.png)
자바스크립트는 HTML을 읽어오는 것이다. 자동적으로 하는 것. HTML 정보가 아주 많이 들어있는 docuement라는 객체(object)를 브라우저가 전달해주는 것이다. 브라우저의 콘솔창에서 보이듯, HTML 코드를 자바스크립트 관점에서 보고있는 것이다. 위에서 보듯, 자바스크립트는 html을 읽어올 뿐만 아니라, HTML을 변경할 수 있는 것이다.
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/b6rniw/btrKUb29K58/gVG9thpMrSV6pGKbYd9Yxk/img.png)
prompt(); 함수는 사용자에게 창을 띄워서 값을 받는다. 이를 사용하면 답할 때까지 코드의 실행을 멈추는 매우 오래된 방법이다. css 적용도 안된다. 이때, 숫자를 입력해도 string 이라고 뜨는데, 이는 string이 디폴트이기 때문이다. ex) 15 입력시, 숫자 15가 아닌 "15"로 인식하는 것이다. 따라서 한 type으로 받아서 다른 type으로 바꾸는 작업을 해야한다. "15" --> 15로 string --> number 로 변환해주는 함수가 parseInt(); console.log(typeof "15", typeof parseInt("15")); 이렇게 숫자로 변환이 되야 비교를 할 수 있다. 숫자가 아닌 문자가 입력되면 변환이 안되고 NaN이 뜬다.
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/oHitS/btrKUdfrNXe/akVOcQZQTNTvk7LS41tRP0/img.png)
const calculator = { plus: function (a, b) { // 더하기 console.log(a + b); }, minus: function (a, b) { // 빼기 console.log(a - b); }, times: function (a, b){ // 곱하기 console.log(a * b); }, divide: function(a, b){ // 나누기 console.log(a / b); }, power: function(a, b) { // 제곱 console.log(a ** b); }, }; calculator.plus(2, 3); calculator.times(2, 3); calculator.minus(2, 3); calculator.divide(2, 3); calculat..
let과 const의 차이는 let은 업데이트를 할 수 있다는 것 let을 업데이트할 땐 다시 let을 붙이지 않아도 된다. ex ) 기존 변수의 값을 수정하고 싶은 경우 let a = 5; a= 10; // let 생략하고 10으로 업데이트 했음. 코드를 읽으면서 의미를 파악하기 위해선, const 디폴트로 사용 let 필요에 따라서 가끔, var 절대 사용 않기 ! boolean은 두 가지 옵션 뿐, true와 false. null은 '비어있음을 정의'한 것. undefined는 변수에 값을 부여하지 않은 상태. array 생성 const days = [ 1, 2, "하이", null, false, 4 ]; 호출시에는 console.log(days[2]) // 인덱스 2번인 "하이"가 출력된다. (인..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/xFQz7/btrKTnQg3GR/1wJBy3WfAC9KM71AoRXM80/img.png)
function이란 계속 반복해서 사용할 수 있는 코드 조각이다. 코드의 반복을 줄일 수 있다. funtion은 어떤 코드를 캡슐화해서 실행을 여러번 할 수 있게 해준다. argument(인수)는, function을 실행하는 동안 어떤 정보를 function에게 보낼 수 있는 방법이다. function 선언 function 함수명 () { 실행코드 } furntion 실행 함수명 (); arguement(인수)를 보내야 하는데 인수란 함수를 실행하는 동안 어떤 정보를 함수에게 보낼 수 있는 방법이다. 데이터를 funtion에 보내는 방법 function의 괄호 안의 매개변수에서 argument를 받아들일 수 있다. 예를 들어 위의 코드에선 nameOfPerson이 "sam", "yun"을 받은 것이다. ..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/bEfCJv/btrKTSbjrdn/kfR449UtbkOkQyOfieoFw1/img.png)
const 개체명(entity) = { 속성(property) } 예를 들어, 이건 리스트와 다르다. 리스트는 아니다. 리스트는 모든 값이 같은 의미를 갖는다. Object는 그게 무엇인지 알 수 없는 property들도 있는 것이다. array는 요일이면 요일, todo list면 todo 라는 것을 알 수 있는데 object는 무엇인지 알 수 없는 property들도 있는 것이다. const로 선언한 객체의 속성을 수정하는 것은 어떨까? 결과는 가능하다. 에러는, constant 전체를 하나의 값으로서 업데이트 하려고 할 때 발생한다. 가령, constant로 선언한 객체 player 자체를 수정하려고 할 때 에러가 발생하는 것이다. 그런 경우는 아래와 같다. 하지만 constant 안의 무언가를 업..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/btCaaA/btrKHU3aOPW/DNhyC5t9EhliaktIXC7kfk/img.png)
배열을 생성하는 방법 1. [] 대괄호 2. 안에 변수를 넣어준다. string, integer 뭐든 넣을 수 있다. 컴퓨터는 0 부터 센다. 우리가 원하는 5번째를 찾으려면 배열[n] 에 4를 넣어주면 된다. array의 목적 하나의 variable 안에 데이터의 list를 가지는 것
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/bhB4yf/btrKTOzKRvT/7dgYijihdKUeNpaYfgbKE0/img.png)
자바스크립트의 데이터 타입 중에는 '존재하지 않음' 또는 '정의되지 않음' 또는 '아무것도 없음'이 있다. 이 중 null 의 뜻이 nothing ('아무것도 없음')이다. null은 그 변수에 아무것도 없다는 것을 뜻한다. null은 false와 다르다. false는, false라는 값이 존재하는 것이다. null은 "null"이라고 쓰지 않고, 그냥 null 이다. 또 다른 것은 undefined이다. 이렇게 let something;이라는 변수를 생성했지만 값(value)는 넣지 않은 것. 이게 undefined다 변수를 생성해서 컴퓨터 메모리 안에는 존재한다. 공간은 있는데, 값이 들어가지지 않은 것이다. null과 undefined는 다르다. ** 기억해야할 것은 null은 절대 자연적으로 발생..