allblack의 개발 새발 allblack의 개발 새발

잡설 어... 오늘은 바로 시작하겠습니다! 확장자를 변경해 봅시다!! react의 원래 확장자는 js가 아니라 jsx입니다. ?? 실행할 때 에러가 안 나잖아요!! 뭐 오류는 안 나지만 다음과 같은 장점들이 있다고 합니다!!(저도 잘 모르겠어요,,,) JSX는 컴파일링 되면서 최적화되므로, 빠르다 Type-safe (어떠한 연산도 정의되지 않은 결과를 내놓지 않는 것, 즉 예측 불가능한 결과를 나타내지 않는 것 [출처: jerrypop 블로그]) 하며 컴파일링 과정에서 에러를 감지할 수 있다.(js는 안 해줌..) HTML에 익숙하다면, JSX를 사용하여 더 쉽고 빠르게 템플릿을 작성할 수 있다. 뭐 그러한 이유로 이후 추가할 컴포넌트들은. jsx입니다 그리고 App.js를. jsx로 바꿔 주세요!! 구..

잡설 오랜만에 글을 쓴다... 요즘에 좀 나태해져서... 쩝... 주제는 한 10개 가까이 생각해 놨는데... 어쨌든 한 1주 정도를 놀았기 때문에 다시 초심으로 돌아가 보고자(는 훼이크 그냥 복습 용도??)는 마음으로 todolist를 만들어 보겠습니다. 우리가 만들 todolist입니다. ※추신 create-react-app부터 차근차근 만들기를 시작했습니다. 기본 세팅 완료하기! 시작하기 전에 아직도 node.js를 설치하지 않으셨다면 node.js를 설치하세요!! cmd를 여신 다음에 원하는 폴더로 들어가신 다음에 react파일을 만들어 주세요! create-react-app todos 혹시 cmd사용법을 모르신다면?! cd: 파일을 이동 md: 폴더생성 start 프로그램명: 프로그램 실행 di..

리덕스의 탄생 배경은?? 이제 리액트로만 개발하다 보면 이런 문제가 생길 수도 있습니다. 이런 문제가 생기기도 하고 또 이제 코드가 복잡해지는 것을 방지하기 위해서... 뭐 이러한 이유로 react를 보조할 수 있는 javascript오픈소스 라이브러리가 생겼습니다. ※Redux는 자바스크립트 앱을 위한 예측 가능한 상태 컨테이너입니다. 간단하게 말했지만 리덕스의 탄생 배경이 궁금하다면.. ※물론 꼭 redux 스만 react를 보조할 수 있는 것은 아니다. modex 등 다양한 것들이 있지만 저는 아직 redux만 공부했습니다... modex 등도 공부하면 올리겠습니다... 리덕스의 구성요소 를 알아보기 전에 리덕스의 구조부터 알아보겠습니다. reducer store action dispatch sub..