[개발&이슈 : React] process.env.PUBLIC_URL
FrontEnd/이슈와 기록2023. 11. 18. 20:43[개발&이슈 : React] process.env.PUBLIC_URL

1. 오류 발생 도대체 왜지??!?!?!? 2. 쓰던 방식에 대한 고찰 React의 디렉토리중 public 폴더에 images 폴더를 만들고 그 안에 이미지를 담아 이런식으로 사용했다. 사실 뭣도 모르고 그냥 인터넷에서 사용하는대로 process.env.PUBLIC_URL을 사용했다. 저게 뭔지도 모른채... 우선 React 프로젝트를 생성하고 나면 public src 내가 현시점에서 건들 수 있는 디렉토리는 이렇게 두가지로 나뉜다. 나는 여기서 Public 디렉토리에 images 디렉토리를 만들고 이미지파일을 넣었는데 이렇게 하니 jsx파일에서 img source를 불러올때 문제가 되었다. 따라서 process.env.PUBLIC_URL + "이미지경로"을 사용하여 이를 해결해왔다. 그렇다면 proce..

[Typescript] 타입시스템 (2)
FrontEnd/Typescript2023. 11. 18. 16:54[Typescript] 타입시스템 (2)

그래서 타입이 뭔데?'타입'은 자바스크립트에서 다루는 값의 형태이다. → 그럼 형태의 정의는 뭐지? - 형태는 값에 존재하는 속성과 메서드 그리고 내장되어있는 typeof 연산자가 설명하는 것을 의미 - 예를 들어 아래의 간단한 선언문을 보면let language = "typescript";typescript는 langauage 변수가 문자열 타입임을 유추한다! 7가지 원시타입 (Primitive Type)null → nullundefined → undefinedboolean → true or falsestring → "Hello"number → 12345bigint → 12345nsymbol → Symbol("Indigochi1d"오류 종류구문 오류 : Typescript가 Javascript로 변환되..

[Typescript] 타입시스템 (1)
FrontEnd/Typescript2023. 11. 18. 01:26[Typescript] 타입시스템 (1)

Typescript의 타입시스템에 관하여...Typescript의 타입시스템은 왜 필요했을까?Javascript를 사용하면 데이터 타입을 정해놓지 않고도 코드를 구성할 수 있다.따라서 이러한 자유 덕분에 Javascript는 어ㄹ... 쉽다. 하지만 이 자유는 매우 위험하며 다뤄야 하는 파일이 늘어날수록, 받고 보내는 데이터가 많을수록 훼손당하기 쉬우며 실제로 배포단계에서 원활하게 작동되지 않은 채 배포될 수도 있다. 아래의 코드 예시를 보면..!function paintPainting(painter, painting){ return painter .prepare() .paint(painting,painter.ownMaterials) .finish();}문자열로 생각하고 만들었던 pain..

image