728x90
반응형
- [Next.js] App Router 프로젝트, VSCODE에서 라우터 한눈에 보기2023-12-28 08:55:251. App Router Next.js 13 이상은 App Router를 지원한다. src/app 폴더 아래에 원하는 경로에 해당하는 폴더를 생성하면 URL의 Path가 된다. 이때 폴더 안에는 반드시 page.tsx 컴포넌트가 존재해야 한다. 이점을 이용해서 VSCODE에서 라우터 정보를 한눈에 확인할 수 있다. App Router 방식은 폴더가 경로가 되기 때문에 별도의 라우터 코드가 존재하지 않는다. 이 점은 매우 편리하지만 프로젝트의 규모가 커지면 라우터를 한눈에 확인하기가 어렵다. 2. 라우터 한눈에 보기 VSCODE에서 Ctrl + p 키를 누르면 상단에 검색창이 활성화된다. page를 입력하면 [그림 1]과 같이 라우터 정보를 한눈에 확인 가능하다. 프로젝트의 크기가 커질수록 라우터가 복잡해..
- [Vue.js] VS Code에서 template 태그의 빨간 줄 없애기2022-11-25 11:13:13"VS Code에서 폴더 열기 할 때 해당 프로젝트의 폴더 열기"로 해결 vue cli로 프로젝트 생성 후 작업하다 보면 이유 없이 태그에 빨간 줄 에러 표시가 표시되기도 한다. 이 문제는 VS Code에서 폴더 열기를 할때 해당 프로젝트의 폴더를 열기하면 해결된다. 만약 상위 폴더를 열기 하면 에러가 표시되나 코딩에 영향을 주지는 않는다.
- [Flutter] fvm을 이용한 Flutter 버전 관리 | 모두의숙소 앱 빌드 실패 문제 해결2022-02-09 01:41:16"최주호, 정호준, & 정동진. (2021). 모두가 할 수 있는 플러터 UI 입문. 앤써북" 중 모두의숙소 앱 빌드 중 [그림 1]과 같은 에러가 발생했었다. 다른 PC에서 GitHub에 Push 된 동일한 코드를 Pull 하여 실행해 보았다. 그 PC에서는 정상적으로 빌드되어 AVD에서 실행되었다. 따라서 에러의 원인이 코드는 아니라고 보았다. 예전에 스프링 프레임워크를 배울 때 프레임워크의 버전이 달라지면 없던 에러가 생길 수 있다는 유의사항이 생각났다. 그래서 각 PC에 설치된 Flutter 버전을 확인해 보았다. [!] Your project requires a newer version of the Kotlin Gradle plugin. 역시 버전이 서로 달랐다. [그림 1]의 에러가 발생한 P..
- [Flutter] fluttertoast 라이브러리 사용시 만난 에러(error)2022-01-20 23:56:30Error: Cannot run with sound null safety, because the following dependencies The plugin `fluttertoast` uses a deprecated version of the Android embedding. To avoid unexpected runtime failures, or future build failures, try to see if this plugin supports the Android V2 embedding. Otherwise, consider removing it since a future release of Flutter will remove these deprecated APIs. If you are plugin..
- [개발자의품격][부트캠프][1기][2차시] VS code의 HTML 코드 자동 완성 Snippet 설정2022-01-12 00:16:25html.json 파일 수정으로 Snippet 설정 Manage > User Snippets > html.json 위 json 파일에 아래의 코드를 추가하면, 코드가 포함된 태그를 자동 완성할 수 있다. body에 자동완성할 태그를 작성하되 \n(개행)이나 \t(탭)과 같은 이스케이프 문자를 적절히 사용해야 한다. // HTML5 lang = "ko" 코드 자동완성 "HTML5 lang-en": { "prefix": "html5-ko", "body": [ "\n\n\t\n\t\n" ], "description": "HTML5 lang-ko" }, // ul-li 코드 자동완성 "ul-li": { "prefix": "ul-li", "body": ["\n\t\n"], "description": "ul-li"..
- VS Code Extension 필수 설치2022-01-07 09:48:032022 개발자의 품격 부트캠프 첫 수업이 시작되었다. "시작이 반이다!" 개발환경 설정에 어울리는 말이다! HTML, CSS, JavaScript 를 VS Code에서 작성할 때 유용한 Extension을 정리하였다. Prettier - Code formatter는 특히 인상적이었다. JavaScript (ES6) code snippets publisher: charalampos karypidis ES6를 포함한 자바스크립트 코드 자동완성. HTML Snippets publisher: Mohamed Abusaid HTML 코드 자동완성. HTML CSS Support publisher: ecmel CSS에서 색상표를 직관적으로 볼 수 있는 기능 등. ESLint publisher: Microsoft 자..
728x90
반응형