개발회고록 개발회고록

WEB

• React 상대경로, 절대경로 사용하기

  WEB/React 2021. 8. 25. 02:39

  React(CRA) 에서는 웹팩과 바벨 설정이 기본적으로 되어 다른 파일을 가져오기 위해 import 를 사용할 수 있는데, 이때 경로를 지정하는 방법은 상대경로와 절대경로로 나뉜다. 상대경로현재 import를 하는 파일의 위치를 기준으로 경로를 지정한다. import Chicken from '../fastfood/chickens/chicken'사용법은 다음과 같다 '/' : 루트(최상위 디렉토리)'./' : 현재 디렉토리'../' : 현재 위치에서 상위 디렉토리  위와같은 경로설정을 통해 가져오려는 파일의 위치를 적어주면 사용가능하다. 그러나 가져오려는 파일이 현재 위치에서 멀리있다면 어디있는지 가늠하기도 힘들고 보기에 복잡하다는 문제가 생기게 된다. 이럴때 절대경로를 사용한다면 불편함을 해소할 수 있..

  Read More
• Node.js? Express?

  WEB/Node.js 2021. 8. 23. 03:27

  Prologue  최근 프로젝트에서 백엔드 지식을 요구하는 경우가 많아 팀원과의 원활한 의사소통을 위해 공부를 시작했다. Node.js 를 이용한 개인프로젝트를 진행해보고자 한다. 여러 생소한 개념들이 많아 머릿속이 어지럽다.. 머릿속을 정리할겸 공부한 내용을 글로 적으려 한다. REST API 나 SOAP, Flask 에 관해서도 다뤄볼 예정이다. Express 와 Node 가 뭔가요? Node.JS Node.JS 는 서버사이드환경에서 주로 사용되는 소프트웨어 플랫폼이다.구글의 자바스크립트 엔진 'V8' 을 기반으로 구성된 시스템이며, 이벤트 기반으로 개발시 Non-blocking I/O 를 통한 비동기식 프로그래밍이 가능하다는 특징을 가지고있다. I/O 부하가 심한 대규모 프로젝트에 적합하며 Java..

  Read More
• Heroku 배포 중 Node.js 빌드 오류(yarn.lock , package-lock.json 충돌 문제) 해결

  WEB/React 2021. 8. 9. 00:47

  React 앱을 만들고 Heroku에 배포하던 중 오류가 생겼다. git push heroku master 명령어로 할 때마다 아래와 같은 빌드 실패가 발생했는데npm run build 로 따로 빌드해보면 또 문제없이 돌아가서 골머리를 앓았다. -터미널-----> Building on the Heroku-20 stack-----> Determining which buildpack to use for this app-----> Node.js app detected-----> Build failed ! Two different lockfiles found: package-lock.json and yarn.lock Both npm and yarn have created lockfiles fo..

  Read More