![]()
flask print not working... 제목 그대로 vscode로 python flask 웹 서버를 열고 print함수로 콘솔창에 결과를 확인하려던 중 발견한 문제, # 3. app을 bp로 교체 @bp.route('/', methods=['GET', 'POST']) def signUp(): print("signup페이지 이동") if request.method == 'POST': print(request.form) username = request.form['username'] nickname = request.form['nickname'] email = request.form['email'] password = request.form['password'] print(username, nick..
![]()
정적으로 자원을 활용하기위해 Next.js 앱 자체에서 관리하는 public directory에 파일을 넣으면 바로바로 사용가능하다! public directory에 sbl.jpg 파일을 넣고 아무 page에서 아래와같이 작성하면, 이게 당장 보이긴 보이는데 EsLint를 잘 적용했다면 컴파일러가 경고를 많이하는걸 볼 수 있다. 에러 1. Using could result in slower LCP and higher bandwidth. Consider using from next/image to automatically optimize images. This may incur additional usage or cost from your provider. See: https://nextjs.org/doc..
![]()
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 명령어를 사용할때 정확히 해야하는 부분..
