IT/가보쟈구4 1단원 정리 Do It 리액트 모던 웹 개발 with 타입스크립트 (리액트) 공부 1. 리액트 프레임 워크 프론트엔드 개발에 가상DOM(document object model)과 JSX(JavaScript XML)라는 방식으로 동작하는 프레임 워크백엔드에서 받은 JSON 데이터를 해석하여 새로 요청한 부분만 동적으로 화면을 생성함 SPA(Single page application) 싱글페이지 어플리케이션을 만드는 프레임워크2. 개발환경 만들기책에서는 scoop를 사용하여 개발환경을 셋팅을 했지만저는 vscode를 활용하여 셋팅을 하였습니다 !따로 vscode 설정은 책을보고 그대로 따라하였습니다!여기서 ts-node index.ts 로 console.log("hello world"); 하는 부분이 있는데 여기서 에러가 날수가 있습니다.C:\Users\ASUS\Desktop\rcp\c.. 2024. 11. 8. Nginx를 이용하여 React 실행시켜보기 음.. 일을하는데 더이상 aws를 안쓰고 사설서버를 셋팅해서 사용한다고하여 지금 aws s3를 사용하여 React를 배포하고있엇는데.. 이거를 이제 못하게 되었다. 그럼 어떤걸 써서 배포를 해야하나 찾는중에 Nginx를 사용하면 가능하다하여 검색해서 셋팅을 하여 배포에 성공하였다. 생각보다 엄청쉬워서 놀랐음 ㅋㅋ 그럼 차근차근 해보죠 고고 ( 아 참고로 저는 우분투로 설치 하였습니다) 1. 서버에 접속하여 Nginx설치 sudo apt-get updatesudo apt-get install nginx # nginx 설치sudo service nginx start # nginx 실행 sudo service nginx status # nginx 가 제대로 동작하는지 확인 이렇게 순서대로 하면 설치가 .. 2024. 9. 26. 가상서버에 mariaDB를 설치를 해볼까 업무중 mariaDB를 설치를 하는 일이 생겨서 전에 해봤는데 다시 뒤돌아보니 기억이 안나서 이거 이거... 안되겠다 싶어서 기억속에서 끄집어낼꼄 적는 즁.. 일단 가상서버는 저는 음..머였지 버츄얼박스(VirtualBox-7.0.12-159484-Win) 링크 - https://www.virtualbox.org/ 이거 다운받아서 사용했슴당 설치쫘아아악하고 가상서버 셋팅같은경우는 제가 정리해서 올리기보단... 검색을 해보니 더 좋은글들이 많아서... ㅠ_ㅠ (정리하는게 귀찮은게 아닙니다..) 글을 못쓰다보니 진짜루.. 흠 그럼 시작해볼까여 셋팅해논 가상서버 실행하구 시작을 해서 실행을 했으면 해당 가상서버에 터미널을 열어서 시작해봅시당 저같은 경우는 아래그림처럼 열어서 시작했습니당 첫번째로 일단 마리아 .. 2024. 2. 2. 로그인 구현( module, service, controller, entity 셋팅 ) 음... 사용언어 node, nest, react (맞나 이스펠링 ? ) 참고로 vscode씀 ㅋㅋ 디비 mariaDB ◈ 첫번째로는 node 와 nest 설치 ! 최신버전으로 설치바람( 검색하면 설치하는법다나옴 꽤쉬움 ㅋㅋ 사실나도 gpt가 다해준건 비밀) ◈ nest가 주언어이기 때문에 module, service, controller, entity 를 만들어준다 물론 확장자는 .ts nest g (module or service or controller) (생성할경로) < - 명령어를 쓰면 좋다(entity는 안만들어짐!!!) ex) nest g module api/admin 2023. 12. 20. 이전 1 다음
