반응형 분류 전체보기30 React 설치 및 개발환경 세팅(Vscode) 환경 Windows 10 Pro 기준으로 작성되었습니다. #목차 1. Node.js 설치 2. 설치된 Node.js 버전 및 npm 버전 확인 3. React 설치 및 확인 4. 프로젝트 폴더 생성 및 개발환경 구축 5. react 실행 및 테스트 6. Visual Studio code 설치 7. Visual Studio Code에서 리액트 설정 및 실행 1. Node.js 설치 React 는 NPM(node package manager)으로 설치되므로 Node.js의 설치가 필요함 (node.js -> js를 서버(터미널)에서 사용할수 있게 해주는 프로그램) Download | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScri.. 2021. 11. 19. Ubuntun 고정 IP설정하기(버전 17이상) 1. $ ifconfig -a $ ifconfig -a 명령어를 입력하여, 사용하고있는 이더넷의 이름을 확인합니다. 2. $ cd /etc/netplan $ cd /etc/netplan 으로 이동하여 아래 파일이 있는지 확인합니다.(파일명은 다를 수 있음) -> ( Ubuntu 17부터는 네트워크 설정이 netplan으로 변경되었습니다. ) 3. $ sudo vi 00-installer-config.yaml $ sudo vi 00-installer-config.yaml (패스워드 입력 필요) 파일을 열고, 아래의 내용을 참고하여 수정합니다. (파일명은 다를 수 있습니다) * 여기서 중요한 점은 콜론(:) 다음에는 반드시 공백이 있어야 합니다. (ex, gateway4: 192.....) 4. $ sudo.. 2021. 11. 17. 리눅스의 역사(GNU/GPL) 1. 리눅스의 역사(?) 리눅스가 탄생하기 전 모든 서버들은 UNIX 를 사용하는 상태였으나, 핀란드의 한 학생(리누스 토발즈)이 Minix (Unix 엔트리버전)보다 나은 OS를 만들기 위해 Linux라는 새로운 운영체제를 만듬으로써 역사(?)가 시작되었습니다. 2. 배포 2.1 배포판 리누스 토발즈는 리눅스의 핵심인 커널부분만을 작성하여 배포하였고, 사람들은 리누스 토발즈가 배포한 커널에 Shell, SW, Compiler 등을 임의로 조합하여, 배포판을 각각 내놓기 시작합니다. (pedora, ubuntu, centos...) 현재 우리는 이러한것들을 통틀어 Linux라 칭하고 있습니다. 이러한 배포판들은 GNU 프로젝트에 의해 완성되었기 때문에, 정확한 명칭은 GNU/LINUX 입니다. 2.2 커.. 2021. 11. 9. React 폰트 변경 방법 1. 필요한 폰트 다운로드 필자는 Cafe24Simplehae.ttf 파일을 다운로드 하였음 2. React 프로젝트에 폰트 복사(font/Cafe24Simplehae.ttf) 3. 폰트 적용 아래 내용 추가 @font-face{ font-family: "Cafe24Simplehae"; src: url("./font/Cafe24Simplehae.ttf"); App 전체에 해당 폰트를 적용할 것이기 때문에 .App 속성에 아래 내용 추가 font-family: "Cafe24Simplehae"; 위 그림에서 3번째 라인참고 4. 폰트 적용 결과 2021. 6. 3. 이전 1 2 3 4 5 6 7 8 다음 반응형
