본문 바로가기

전체 글55

[React] cross-env 를 이용하여 환경변수 관리하기(2) - 떽떽대는 개발공부 2021.03.10 - [React] - [React] cross-env 를 이용하여 환경변수 관리하기(1) - 떽떽대는 개발공부 [React] cross-env 를 이용하여 환경변수 관리하기(1) - 떽떽대는 개발공부 오늘은 cross-env 를 이용하여 환경변수를 용이하게 관리할 수 있도록 해보자. npm install cross-env cross-env 를 install 하고 package.json 의 scripts 아래와 같이 start, debug 부분 수정 해주었다. package.. ddeck.tistory.com 이전 글에서 cross-env 를 이용하여 환경변수 관리하는 법을 포스팅 하였다. 개발 시 debug 하는 방법이 매우 중요한 사항인데, 이번 프로젝트에서는 환경에 따른 제약이 매.. 2021. 3. 11.
[React] cross-env 를 이용하여 환경변수 관리하기(1) - 떽떽대는 개발공부 오늘은 cross-env 를 이용하여 환경변수를 용이하게 관리할 수 있도록 해보자. npm install cross-env cross-env 를 install 하고 package.json 의 scripts 아래와 같이 start, debug 부분 수정 해주었다. package.json ... "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "build": "webpack", "start": "cross-env PHASE=local webpack-dev-server --config ./configs/webpack.config.js --mode development", "debug": "cross-env PHASE=debug webpa.. 2021. 3. 10.
[React] linebreak-style 오류 해결 - 떽떽대는 개발공부 프로젝트를 하던 중 아래와 같은 오류가 발생하였다. Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 구글링 해보니 개행문자 관련 경고로 .eslintrc.js 파일에서 설정을 추가하면 해결 된다고 하였다. .eslintrc.js module.exports = { .... rules: { 'linebreak-style': 0, .... } } 그런데 이미 프로젝트 막바지 였어서 설정을 건들기가 조심스러운 부분이 있었다. 더 찾아보니 vscode 의 아랫부분에 CRLF 로 되어있는 부분을 LF 로 바꾸면 된다고 하였다. CRLF 부분을 클릭하면 LF 로 변경할 수 있는 창이 뜨고, LF 클릭하면 설정이 변경된다. 문제는 이미 말했든 프로젝트 .. 2021. 3. 5.
[React] react 에서 다국어 처리 적용하기(3) - 떽떽대는 개발공부 2021/03/02 - [React] - [React] react 에서 다국어 처리 적용하기(2) - 떽떽대는 개발공부 [React] react 에서 다국어 처리 적용하기(2) - 떽떽대는 개발공부 2021/02/19 - [React] - [React] react 에서 다국어 처리 적용하기 - 떽떽대는 개발공부 [React] react 에서 다국어 처리 적용하기 - 떽떽대는 개발공부 react 에서 같은 페이지에서 다국어를 적용하기 위해 사용 ddeck.tistory.com 이전 글에서 현재 OS 에 적용된 언어로 다국어 처리를 적용했다. 이번 글에서는 다국어 처리 중 문장 안에 추가해야 할 사항을 편리하게 관리할 수 있도록 해보도록 할 것이다. 먼저 I18n.js 파일을 작성한다. src/i18n/I1.. 2021. 3. 4.