본문 바로가기
728x90
반응형

react10

day13: React 이용한 TodoList 만들기✍💦 ✍react 와 redux 에대해 공부하였음. day12날 만들었던 전화번호부 페이지 틀을 이용해서 만들었다.😄 소스 코드 app.js import { useState } from 'react'; import './App.css' import TodoInput from './TodoInput'; import TodoSearch from './TodoSearch'; import TodoList from './TodoList'; function App() { const [todoList, setTodoList] = useState([ {no:1, names:"운동 하기"}, {no:2, names:"음악 듣기"}, {no:3, names:"강아지 산책"} ]) const [searchList, setSear.. 2022. 8. 4.
day12: React를 이용한 전화번호부 페이지😏 코드 ​ App.js import { useState } from 'react'; import './App.css' import CallInput from './CallInput'; import CallSearch from './CallSearch'; import SaramList from './SaramList'; function App() { const [saramList, setSaramList] = useState([ {no:1, names:"홍길동",phoneNum:"010-1234-1111",email:"saram@naver.com"}, {no:2, names:"김길동",phoneNum:"010-1234-1222",email:"saram1@naver.com"}, {no:3, names:"이길동.. 2022. 8. 4.
브라우저는 어떻게 리엑트를 알아들을까? : 트랜스파일링 & 번들링 순서 1. JSX 파일을 트랜스 파일링 하여 JS 파일이 된다. 2. JS 파일은 번들링을 통해 하나의 JS 파일이 만들어지고 3. 그 하나의 JS 파일이 웹을 통해 출력됨으로써, 우리가 지금 보고있는 화면이 나타난다. ****** Try it out 메뉴로 들어가면 트랜스파일링을 직접 해 볼 수 있다! https://babeljs.io/ Babel · The compiler for next generation JavaScript The compiler for next generation JavaScript babeljs.io 2021. 8. 22.
🍿ReactJS로 영화 웹 서비스 만들기 - 후기🍿 1. 소요시간 : 2~3일 정도 걸린것 같다. 2. 난이도 : reactJS 에 개념부족이 느껴졌음에도 클론코딩만의 장점으로 끝까지 따라 갈 수 있었다. 3. 느낀점 : 나름 나쁘지 않았고, 많이 배웠던거 같고,,, 또 다시 들어야 되겠다는 느낌이 확 들었다.ㅋㅋ 반복학습이 최고!! 최고!! -////클론코딩이라도 따라하면서 오류의 반복으로 시간이 좀 걸리고,, 개념부족으로 이해하는데 시간이 걸리고,, (그냥 넘긴것도 있고) 4. 결론: 감을 익힌 느낌? 이렇게 프로젝트 한 후, 개념공부하니까 아~ 이게 여기에 이렇게해서 사용되었구나~ 가 됨! 5. 출력 결과 : 수료증 인증~ㅋ 2021. 8. 21.
728x90
반응형

티스토리툴바