👏 컴포넌트 분리하기 컴포넌트 분리하기에 앞서 Vue는 Vue의 Template문법 + HTML, React는 JSX 문법으로 UI를 작성하게 됩니다. 해당 예제는 Vue : https://github.com/baegofda/blog-vue React: https://github.com/baegofda/blog-react 위의 주소에서 데모와 함께 소스코드 확인이 가능합니다! 1. 상태 관리(state) 상태 관리를 위한 state를 선언하겠습니다. React에서는 React Hooks에서 제공하는 useRef, useState를 이용하여 state들을 관리합니다. React 인풋의 값을 참조하기 위해 useRef()를 이용하여 Input에 ref={inputRef}를 선언합니다. 또 인풋 값을 바인딩하..
* Function (함수) 기능적인 요소를 부여해준것 function sayHello() { //sayHello 라는 함수 선언 console.log("hello!"); } sayHello(); //함수 호출 // hello! // sayHello([args]); function sayHello(potato) { console.log("hello!", potato); } sayHello("haha"); // hello! haha // sayHello([args1, args2]); function sayHello(potato, caca) { console.log("hello!", potato, "you", caca); } sayHello("haha", 25); * more function sayhello..
- Total
- Today
- Yesterday
- react
- vue3
- postman
- font-family
- CORS
- INPUT
- 생활코딩
- cssom
- vue입문
- 개발자회고
- inline
- 공공데이터포털
- 공공데이터
- 프론트엔드
- 프론트엔드개발자
- VanillaJS
- baegofda
- vue예제
- JavaScript
- 오물오물
- 리액트
- 노드JS
- 프론트엔드면접
- axios
- HTML
- 프론트엔드회고
- nodejs
- CSS
- vue
- function
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |