두루 잡화점

React 공식 사이트의 JSX 소개 부분을 참고했다. const element = Hello, world!; 설명에선 이 것이 문자열도 HTML도 아니라고 한다. 이것은 자바스크립트의 문법 확장인 JSX라고 한다. 음... 그러니까 일단은 자바스크립트라는 것 같다. 이 JSX를 이용해서 리액트의 "요소"를 만든다고 한다. 리액트는 별도의 파일에 마크업과 로직을 넣어 기술을 인위적으로 분리하는 대신, 둘 다 포함하는 "컴포넌트"라고 부르는 느슨하게 연결된 유닛으로 관심사를 분리한다고 한다. 관심사의 분리, 이건 스프링 MVC 패턴을 배울 때 많이 본 것이다! 하나의 클래스가 복수의 역할을 하는 것이 아니라, 각각의 역할을 하는 모듈로 분리하는 것. 그런데 별도의 파일에 마크업과 로직을 넣어 기술을 인위적..

React를 연습하기 위한 준비. Node.js와 npm, 필수는 아니지만 yarn도 설치했다. Node.js의 버전은 14.17.3, npm의 버전은 6.14.13, yarn은 1.22.5이다. 시작은 리액트 공식 사이트를 보고 따라했다. 먼저, 파워셸 창에 npm install -g create-react-app 을 입력하여 설치하고, 다음으로 리액트 연습용 폴더인 nodeReact 폴더를 만들었다. nodeReact 폴더에서 npx create-react-app my-app 으로 프로젝트를 만들었다. 그러면 my-app 폴더가 생성되는데, 여기에 들어가 npm start (또는 yarn start)를 하면 리액트 프로젝트가 실행 된다. 이렇게 npx create-react-app을 이용해서 리액트 ..

Java로 프로그래밍을 시작했고, Spring Framework를 사용해 Web Application을 제작하는 것이 익숙한 나에게 Node.js는 그저 수업 때 흘러가듯이 나온 용어였다. 그 당시엔 Node.js에 대해서 큰 관심이 없었다. 그저 뒤에 붙은 .js를 보고 아 javascript랑 관련 있는 건가 보다 했다. 시간이 지나 웹 애플리케이션 제작에 더 큰 관심이 생기고, 그에 따라 Java와 Spring을 사용하지 않고도 웹 애플리케이션을 만드는 방식에 관심이 가기 시작했다. 물론, 프로그래밍을 배울 때 선생님께서 프로그래머는 공부를 게을리 하지 않아야 한다고 하시기도 하셨지만, 내 개인적인 호기심이 매우 강했다. 웹 애플리케이션을 만들 때 사용하는 언어는 매우 다양했다. Python, C#..