본문 바로가기

전체 글

Expected linebreaks to be 'LF' but found 'CRLF' Expected linebreaks to be 'LF' but found 'CRLF' git에서 소스를 받아서 빌드 하려다보니 위와 같은 에러를 만나게 되었다. 소스가 개발된 환경은 Mac 이라 그런지 윈도우 개발 환경에서 에러가 발생한듯 하다.git clone 을 하고 난 직후 윈도우 매모장으로 아무 파일이나 읽어보면 개행문자 처리가 잘 되어 있는 것을 볼 수 있다. 즉, 개행문자가 윈도우 환경에 맞게 CRLF 로 변경된 것이다. 그렇다면 git에서 소스를 다운 받을때 git이 개행문자를 변경하지 않도록 하면 된다. git 설정에서 core.eol, core.autocrlf 옵션을 확인해본다. core.eol git이 line ending을 어떻게 처리하는지 관련된 항목 native : 기본설정. 시스.. 더보기
babel v7에서 babel-jest 적용기 babel v7에서 babel-jest 적용기 babel-jest 공식 페이지에 따르면 babel7에서 babel-jest를 사용하려면 다음 명령어로 babel-jest, babel-core@^7.0.0-bridge.0, @babel/core 를 설치해야 한다. npm install -D babel-jest babel-core@^7.0.0-bridge.0 @babel/core regenerator-runtime 그런데 다음과 같은 에러가 나더라 Requires Babel "^7.0.0-0", but was loaded with "6.26.3". If you are sure you have a compatible version of @babel/core, it is likely that something .. 더보기
Mattermost 개발환경 구축기 Mattermost 개발환경 구축기 react 를 학습하고 간단한 토이 프로젝트도 진행해보고 이제 무엇을 해볼까 고민하고 있던 차였는데, commetkim 님 블로그를 보고 Mattermost에 영업당해 버렸다. 슬랙같은 협업 툴에 대한 관심도 많았지만, gitlab 때도 그랬듯이 난 왠지 설치형 솔루션에 좀더 많은 관심이 간다. 게다가 클라이언트가 react 라니! 공부한 것을 써먹을 수 있을 것 같은 기대감에 부풀어 올라 블로그를 정독하기 시작했다.그런데... 일단 CLA를 제출하기는 했는데... 여기서 어떻게 시작하란건지...어찌 어찌 링크에 링크를 타다 보니 https://developers.mattermost.com/ 페이지에 도착했다! 눈에 Contribute란 단어가 팍 꽂혔다. 자신감 있게.. 더보기
Webpack dev server, Spring 개발 환경 구축 Webpack dev server, Spring 개발 환경 구축 웹 프론트로 webpack dev server 로 개발 환경을 구축하고 개발하면서 백엔드는 기존 Spring rest 서버(tomcat)를 그대로 사용할 경우가 생겼었다. 그런데 프론트, 백엔드가 각각의 서버에서 돌아가니 프론트에서 백엔드로 api 호출할 때 어떻게 해야 할지 막막했다. 개발 당시에는 그냥 프론트에서 api 호출 하는 부분을 주석 처리하고 더미 데이터로 채워 응답이 온 것처럼 개발하였다. 그런 후 프론트 개발을 완료되면 주석을 제거하고 빌드 된 파일을 Spring쪽으로 옮긴 다음 테스트하는 방식으로 개발을 하였기 때문에 매우 번거로웠다.그런데 오늘 위의 번거로운 작업없이 심지어는 webpack dev server의 HMR 기.. 더보기
러닝 리액트 러닝리액트 리액트 걸음마도 했고 이제 슬슬 심화과정으로 들어가 볼까 하면서 검색해보다가 평이 괜찮은거 같아서 주문했는데, 역시 예상대로 내용이 조금 어렵기도 했다. 차근차근 따라하다보니 어느세 끝장을 넘기게 되긴했는데. 뒤를 보다보면 앞부분이 생각이 안나 돌아가서 복습하고 복습하고를 반복했던거 같다. 덕분에 리액트에 많이 익숙해진것 같다. 아마 앞으로도 한동은 계속 뒤적여볼것같기도 하다. 중간에 나오는 예제들이 이해하기 어려운부분이 있었지만 이해하고나니 오랫만에 코드가 아름답다는 느낌을 받았다. 어쩜 이렇게 간결하고 이쁘게 코드를 만들어낼까...저자가 존경스러웠다. 토이 프로젝트를 진행중인데, 많은 부분을 참고했다. 기본 리액트 문법을 익히고 다음단계로 나아가고자 하는분들에게 추천한다. 더보기
리액트 웹앱 제작 총론 리액트 웹앱 제작 총론 본격적으로 리액트를 공부해봐야겠다고 생각한 다음 주문한 책이다. 첫 책으로 골랐던 게 후회되지 않을 만큼 입문서로써 충실한 내용이 담겨 있어 만족스러웠다. es6이 뭔지도 모르고 자바스크립트에 대한 기초가 약한 나에게 딱 맞는 눈높이의 학습 레벨이었다. 다른 관련 지식도 필요 없다 자바스크립트가 뭔지에 대한 기초만 있다면 충분히 책 내용을 따라갈 수 있을 것이다. 게다가 올 컬러에 책도 얇아서 (종이도 두꺼운 것 같음) 금방 금방 책장이 넘어간다. 다른 누군가가 react에 입문하겠다고 하면 주저 없이 추천하고픈 책이다.리액트 기술이 빠르게 발전하다 보니 (책 예제의 리액트 버전은 15다) 마지막 즈음 가면 책대로 하다가는 잘 동작하지 않는 챕터가 나오기는 한다. 물론 라이브러리 .. 더보기
클라우드 Mongodb 사용해보기 클라우드 MongoDB 사용해보기 https://cloud.mongodb.com/ 접속한다. 아이디가 없으면 생성후 로그인 가입후 클러스터 설정 화면이 나옴 Cloud Provider & Region Singapore 선택. Cluster Tire Free 선택 Additional Settings 무료는 3.6 버전만 가능 Backup 기능 NO Cluster Name 원하는 이름 입력. 어차피 유니크 문자열이 붙어서 중복안되니까 마음대로 입력 페이지 하단의 [Create Cluster] 버튼 클릭 mongo 클라우드 메인화면 최초에는 connect 버튼이 비활성되 되어 있음. Security 탭으로 이동해서 사용자를 추가해야함. Clusters > Security 이동 [Add New User] 클릭 .. 더보기
create-react-app 사용하지 않고 webpack v4로 번들링하기 create-react-app 를 사용하지 않고 webpack v4로 번들링하기 리액트 웹앱 제작 총론 이란 책을 따라 학습을 하던중 마지막에 webpack 으로 번들링 하는 과정에서 문제가 생겼다. 최근에 나온 책이지만 책속 예제를 따라하다보면 webpack v4가 설치되서 진행이안된다. (예제는 webpack v2를 사용함) 물론 create-react-app 도구를 사용하면 편하기는 하겠지만, 편함에 익숙해져서야 되겠는가? 적어도 어떻게 흘러가는지는 알아야겠다 싶어서 아무 도구 없이 npm만 설치한 상태에서 진행해보았다. 전체소스는 여기에 올려두었음. 프로젝트 초기화 > npm init > npm install --save react react-dom createReactClass @babel/co.. 더보기

티스토리툴바