목록전체 글 (144)
언젠가는 펼쳐 볼 아카이브
JSX - javascript를 확장한 문법 JSX의 문법을 적용하기 위해서는 babel을 이용하면 됨 Babel 사용 방법 1 # JSX를 이용한 ReactJS 코드 작성 컴포넌트의 첫 글자는 반드시 대문자여야 함 왜? 소문자로 작성할 경우, html 태그와 동일한 변수명일 때 React와 JSX는 html 태그라고 보기 때문 JSX는 어플리케이션을 여러가지 작은 요소로 나누어 관리할 수 있음 useState() 기본적으로는 [undefined, f(함수 = modifier)] 배열이 제공됨 인자값을 넣으면 undefined가 해당 값으로 초기화 됨 modifier 함수를 가지고 state를 변경할 때, 컴포넌트가 재생성됨 즉, 새로운 값을 가지고 리랜더링 되는 것 state를 바꾸는 방법 2가지 첫번..

사용언어 : javascript - node.js # 문제 #접근방법 문제에서 제시한 O-표기법을 식으로 표현하면 다음과 같다. a1*n + a0
Vanilla JS React JS HTML을 먼저 작성하고, 작성한 HTML 요소를 Javascript 로 가져와서 HTML을 수정 >> 동작이 HTML 시작해서 JS로 끝남 HTML에 직접 작성하지 않고, Javascript 를 이용해 결과물을 HTML에 업데이트 >> 동작이 JS로 시작해서 HTML로 끝남 (유저에게 보여질 내용을 자유롭게 컨트롤 할 수 있음) reactJS 규칙 : html을 해당 페이지에 직접 작성하지 않고 JS 코드를 이용해 작성하기 > # Vanilla JS로 작성한 counter 소스코드 Total clicks : 0 Click me >> 코드가 짧아보이지만, 만약 많은 동작을 하는 큰 소스코드라면 계속해서 handle 함수를 작성하고 getElement.. 등을 handl..

사용언어 : javascript - node.js #문제 #접근방법 문제에서 준 MenOfPassion 알고리즘을 보고, 요구하는 출력 조건을 확인해보자. 1)첫 번째 줄: 코드1의 수행 횟수 출력 >> for 반복문이 세 번 중첩된 걸 코드에서 확인할 수 있다. 입력한 값을 n이라고 했을때, 중첩된 반복문 중 첫 번째 반복문은 n-2번 수행하고, 두 번째 반복문은 첫 번째 반복문의 (index 값+1) - (n-1) 만큼 실행, 세 번째 반복문은 두 번째 반복문 (index 값+1) - n 만큼 실행한다. ex) n의 입력이 7이라고 가정한 예시 - i 가 1일 경우, j는 5번 실행(2 ~ 6), - j가 2일 경우, k는 5번 실행(3 ~ 7) - j가 3일 경우, k는 4번 실행(4 ~ 7) - ..