Next.js, React 개발시 개발과 배포의 차이를 확인하기 위한 개발자 도구 서버가 클라이언트에게 데이터나 html을 전달하면서 사용한리소스, 시간 등을 크롬 F12 개발자도구의 network 탭에서 확인할수있다. yarn이든 npm이든 개발을 할 때는 보통 run dev 명령어로 Next 앱을 실행하는데, 이때는 사용하는 리소스, 시간 전달된 데이터 용량 등 많다. 그리고 콘솔창에서 앱에서 실행되는 내용이 출력되어 여러모로 느리다! 배포를 할때는 run build , run start 를 입력하여 .Next 폴더안에 배포용 넥스트앱을 빌드하고 실행시킨다 이때는 사용하는 리소스, 시간, 전달된 데이터 용량 등이 적다. 라우팅 https://paralleldev.tistory.com/5/sss 이 링..
Java Spring으로 백엔드 공부중에 FE가 아주 간단하게 필요했지만 vscode 환경에서 Next.js 13 + yarn + typescript + EsLint + import alias 설정으로 Nest app을 생성하겠다. vscode, npm, node.js, yarn 설치 및 Next.js의 아주 간단한 이해 등은 했다고 가정하고 CNA부터 시작. CNA Next.js app을 나의 디렉토리에 생성 및 초기설정하는 아래의 과정을 CNA라고하는데 콘솔과 대화를 주고받는 것과 같은 방식으로 초기 설정을 하도록 도와준다. 이 때 첫 질문은 프로젝트의 이름이고, 이 프로젝트 이름은 생성된 나의 next app의 root directory가 된다. 추후 yarn 명령어를 사용할때 정확히 해야하는 부분..
다음의 오류들과 모두 관련이 있습니다. C2011 클래스 형식 재정의 C3861 식별자를 찾을 수 없습니다 LNK2019 함수에서 참조되는 확인할 수 없는 외부 기호 LNK2005 *.obj에 이미 정의되어있습니다. 코드 리팩터링 중 위 에러들을 겪으며 생각한 내용, 이해하고 넘어가야 할 부분 정리했다. 대부분은 전방선언과 헤더 파일 import 하는 과정에서 문제가 발생했을 것이다. c++에서 다른 파일에 있는 클래스 참조하기 내가 지금 작성중인 a.cpp파일에서, 다른 파일에 있는 클래스를 사용하고싶으면, 먼저 컴파일러에게 해당 클래스가 다른파일에 정말 존재함을 알려줘야하는데 아래 두 가지의 방법이 있다. 해당 클래스가 ‘선언’된 헤더파일을 include하기 해당 클래스명을 내가 작성중인 a.cpp파..
git warning: LF will be replaced by CRLF in ’filename’ Git을 사용하다 보면 파일을 추가할 때 위의 경고 메세지를 본 적이 있을 것이다. 내가 모르는 경고나 오류 메세지는 항상 무서워해야한다. LF와 CRLF의 뜻을 몰랐기 때문에 이것부터 먼저 알아보도록 하자 캐리지 리턴(CR)과 라인 피드(LF)란? 아주 익숙한 '\n' 이 이스케이프 문자는 보통은 Enter로 기억되어있다. 줄넘김, 줄내림 정도? 근데 '\r' 이 이스케이프 문자가 익숙한사람은 개발자 지망생들 중에선 내생각엔 아주 적을 것 같다. 각 문자의 뜻은 '\r' : Carriage Return(CR), 맨 앞으로 이동 '\n' : Line Feed(LF), New Line 줄 넘김 위에서 등장한 ..
Java 변수의 타입은 크게 참조 타입, 원시 타입 두 개로 나눌 수 있다. 먼저 참조형 변수의 캐스팅에 대해 알아보자 참조형 변수의 캐스팅 먼저 참조형 변수( 배열, 리스트, 클래스) 등의 상속관계간 캐스팅은 업 캐스팅, 다운 캐스팅의 두 종류가 있다. 업 캐스팅 : 자식 클래스 타입 → 부모 클래스 타입 다운 캐스팅 : 부모 클래스 타입 → 자식 클래스 타입 [업 캐스팅] 자식클래스의 멤버나 함수의 개수는 부모클래스의 멤버나 함수의 개수보다 많거나 같은데, 자식 클래스를 부모 클래스로 형변환(캐스팅) 하게 되면 자식 클래스만 가지고 있던 멤버변수, 함수를 사용하지 못하게 된다. 업 캐스팅은 명시적으로 캐스팅하지 않아도 된다! class Food{ // 음식에 대한 공통적인 특성 float taste;..
