전체보기 썸네일형 리스트형 [한 권으로 읽는 컴퓨터 구조와 프로그래밍] 조너선 스타인하트 - 2 2장. 전자 회로의 조합 논리 - 컴퓨터는 어떤 논리로 비트를 다루는가 이런 역사 이야기는 참 재밌다. 그냥 읽으면 재밌기 때문이다. 하지만 계산하면 골치아프다. 후후.. 이 장을 읽으면서도 전공 수업 생각이 많이 났는데, 사실 그때는 이런 과정을 모른 채 이론을 배우고 계산하기 급급했다. 그래서 각각의 이론들이 다 따로 놀았는데 (이거 혹시 나만 수업을 제대로 안 들어서 그런건 아니겠지?ㅎㅎ) 이렇게 순차적으로 읽어보니까 각각의 이론들이 이어지고 이해가 되는 느낌이다! 👉🏻 아날로그 세상에서 컴퓨터가 디지털인 이유 아이들을 학교에 등하교시킨다고 할 때, 시간을 단축하려면 1. 더 빠르게 운전하거나 2. 학교 근처로 이사가는 방법이 있다. 컴퓨터는 전자를 움직이는데, 전자의 이동 속도를 물리적으로 줄일 .. 더보기 Babel과 Webpack의 내부 동작 이해하기 - 2 Babel 설정 [실전 리액트 프로그래밍] babel을 사용하는 여러 방법을 직접 설정해보자! 바벨 설정 파일에서 사용할 수 있는 다양한 속성이 있다. extends: 다른 설정 파일을 가져와서 확장 env / overrides: 환경별 또는 파일별로 다른 설정 적용 > extends 속성으로 다른 설정 파일 가져오기 /common/.babelrc { "presets": ["@babel/preset-react"], "plugins": [ [ "@babel/plugin-transform-template-literals", { "loose": true } ] ] } plugins에 옵션을 설정할 때는 배열로 만들어서 두 번째 자리에 옵션을 넣는다. loose 옵션을 주면 문자열을 연결할 때 concat 메서드 대신 + 연산.. 더보기 Babel과 Webpack의 내부 동작 이해하기 - 1 Babel 실행 [실전 리액트 프로그래밍] babel을 실행해보자! babel이란? 리액트의 JSX 문법, 타입스크립트와 같은 정적 타입 언어, 코드 압축, 제안 단계에 있는 문법 등을 사용할 수 있게 해 주는 자바스크립트 코드의 컴파일러. babel을 실행하는 여러 가지 방법 @babel/cli로 실행하기 웹팩에서 babel-loader로 실행하기 @babel/core를 직접 실행하기 @babel/register로 실행하기 프로젝트를 생성할 폴더에 npm으로 생성한다. npm init -y /package.json 파일이 생성된다. > 다음으로 필요한 패키지를 설치 바벨을 실행하기 위해서 필수적인 @babel/core와, 두 개의 플러그인, 프리셋 하나를 설치한다. npm install @babel/core @babe.. 더보기 [MariaDB] 외부접속 허용 권한(GRANT) 주기 기본적으로 localhost 에서의 접속만 가능하고 이외의 외부 IP에서는 접속이 불가능하다. root서버에서 다른 IP에 권한을 주기 위해 아래와 같이 입력한다. create user 'root'@'%' identified by [user_name]; grant all privileges on *.* to 'root'@[allow IP] identified by [user_password]'; flush privileges; 이때 allow IP에 특정 한 IP를 입력해주어도 되고, '%' 라고 입력하면 모든 IP를 허용하게 되고, '136%' 이라고 입력하면 136으로 시작하는 모든 IP를 허용한다. 어떤 IP가 허용되고 있는지 조회할 수 있고, 삭제할 수도 있다. select host, user F.. 더보기 [React] Proxy 경로 지정을 통해 Axios 기본 Url 생략하기 package.json "scripts": {}, "proxy": "서버주소", "eslintConfig": {}, ... 요청 보낼 서버 주소를 입력해준다. 이제 Axios 보내던 코드를 수정해준다. 경로를 다 적어 뒀었는데, 아래처럼 비워준 후 / 뒤쪽의 경로만 입력해준다. 더보기 [CentOS 7] React build 파일 Node express에 배포하기 먼저 client코드가 저장되어 있는 React 프로젝트에서 build를 해준다. yarn build or npm run build 둘 중 어떤 방식이라도 상관 없음 완료되면 React 프로젝트에 build/ 폴더가 생긴다. 이 build 폴더의 경로를 server인 Node 프로젝트에 입력해줘야 한다. 나는 그 전에 일단 build 폴더를 복사해서 Node 프로젝트에 붙여줬다. cp -r build/ ../server/ # 폴더 복사할 땐 -r 을 붙인다. [복사할 폴더] [복사될 경로] Node의 app.js에서 static 경로로 build/를 추가해준다. app.use(express.static(path.join(__dirname, 'build'))); app.get('*', function (r.. 더보기 [Node] path, __dirname 사용하기 / ReferenceError: path is not defined ERROR '__dirname' 를 사용하게 되면 마지막에 '/'가 없는 현재 경로가 출력된다. path.join을 통해 다른 경로와 연결해서 사용할 수 있다. app.use(express.static(path.join(__dirname, 'build'))); path.join(__dirname, '/build/index.html') '__dirname' 뒤 다른 경로를 입력할 때 '/' 가 앞에 포함되어도, 포함되지 않아도 에러 없이 아래와 같이 정상적인 경로로 표현된다. ReferenceError: path is not defined ERROR const path = require('path'); 내장 모듈이라 바로 require 해 주면 된다. 더보기 [React] 절대 경로 설정 jsconfig.json { "compilerOptions": { "baseUrl": "src" }, "include": [ "src" ] } jsconfig.json 파일을 생성한 후 위 코드를 입력해 주면 src 폴더가 절대경로가 된다. import SignupPage from 'pages/SignupPage'; src/pages/SignupPage 를 import 해 오는 코드 더보기 이전 1 ··· 12 13 14 15 16 17 18 다음
