profile
안녕하세요.

ReactJS 3.8

input의 disabled 속성은 인풋을 비활성화 시킨다.input 값은controlled component로 만들자.setState()에 함수를 할당하는 것을 잘 활용하면 이전 state를 손쉽게 바꿀 수 있다.

2022년 3월 23일
·
0개의 댓글

ReactJS part 3.7

flipconst onFlip = () => setFlipped(!flipped);\-> flipped가 true라면 부정명제인 !flipped는 false\-> false라면 truestate값으로 input을 enabled할지 disabled 할지를 결정할 수 있음

2022년 3월 23일
·
0개의 댓글

Javascript math module

Math module에는 여러가지 기능이 있다. math round, ceil, floor > Math.round()는 반올림 기능이다. > `

2022년 2월 14일
·
0개의 댓글
post-thumbnail

JavaScript Interval, timeout

Interval은 매번 일어나게 하는 코드이다.보통 서버를 확인하는 function이나 주식시장처럼 초마다 바뀌는 가격을 업데이트 할 때 쓰인다고 한다.실행 방법은 setInterval(실행하고자 하는 function, 호출되는 function 실행 간격을 ms단위로

2022년 2월 1일
·
0개의 댓글
post-thumbnail

Javascript Saving

Saving Username > 빨간박스 : 이렇게 저장이 된다. 그 다음 저장된 유저네임에 인사하기 저장된 유저네임에 인사를 하고

2022년 1월 30일
·
0개의 댓글
post-thumbnail

Javascript input, Values

Input, Values 빨간박스 class를 불러올 때 css에서 불러오는 것 처럼 이렇게 불러오면 된다. 파란박스 전에 배웠던 내용이지만 한번 더 복습하자면 에 function을 넣을때 ()을 넣으면 자동실행이 되기 때문에 항상 빼고 넣는 걸 인지해야 한다.

2022년 1월 25일
·
0개의 댓글
post-thumbnail

CSS in Javascript 6

1\. currentColor는 getter로써, 최근 color값을 복사하는 역할을 합니다. 그렇기에 의미론적으로 봤을 때 const로 선언하는 것이 적절합니다.newColor는 setter로써, 변수에 대입된 색상값을 h1.style.color에 최종적으로 할당하는

2022년 1월 24일
·
0개의 댓글
post-thumbnail

자바스크립트 5

listen하고 싶은 event를 찾는 가장 좋은 방법은, 구글에 찾고 싶은 element의 이름, 예를들어 h1 html element mdn을 검색.우리는 javascript의 element를 원하니, 링크에 Web APIs라는 문장이 포함된 페이지를 찾기 왜냐하면

2022년 1월 22일
·
0개의 댓글

자바스크립트 4 HTML JS

Javascript는 위에서 아래로 읽기때문에 상황에 따라 틀리겠지만 되도록이면 바디의 제일 밑에 넣는게 좋다고 한다. 브라우저에서 그냥 사용할 수 있는 'document'라는 object를 배웠다.document의 함수 중에는 getElementById라는 함수가 있

2022년 1월 22일
·
0개의 댓글
post-thumbnail

자바스크립트 3-1

prompt, parseInt, typeof typeof는 뒤에 오는 value의 타입이 무엇인지 알려주는 것이다. 예를 들어서 age = prompt라는 변수를 선언하면 인터넷 사용자는 홈페이지에 접근하면 prompt창에 숫자를 입력하게 된다. 그렇게 입력받은 숫자

2022년 1월 21일
·
0개의 댓글

자바스크립트 3일차

Returns 코드들이 서로 연계?됐다. 위 사진처럼 console 창에 결과가 뜨지 않는다. 이걸 배우는 동안 왜 이걸 써야 하는지 이해가 가

2022년 1월 21일
·
0개의 댓글
post-thumbnail

자바스크립트 2일차

function은 계속 반복해서 사용할 수 있는 코드 조각, 코드를 캡슐화해서 여러번 실행할 수 있게 해줌.function sayHello(){console.log("Hello!");};소괄호 안에 작성하는 것은 실행버튼을 누를 때마다 발생한다.실행코드 : sayHel

2022년 1월 20일
·
0개의 댓글

자바스크립트

변수를 선언하지 않은 예시console.log(10 + 2);console.log(10 \* 2);console.log(10 / 2); X 변수를 선언한 예시const a = 10;const b = 2;console.log(a + b);console.log(a \*

2022년 1월 19일
·
0개의 댓글