본문 바로가기

전체 글2561

Vue.js - "the line has a length of 215. maximum allowed is 100" 오류가 발생할때 안녕하세요. 고코더 입니다. ● 1. vue를 개발할때 아래와 같은 문제가 발생한다고요? 해결 방법을 간단하게 알아보겠습니다. "the line has a length of 215. maximum allowed is 100" ● 2. 먼저 package.json 와 같은 폴더 레벨에서 "vue.config.js" 파일을 만듭니다. ● 3. 아래에처럼 "lintOnSave: false" 내용을 추가합니다. module.exports = defineConfig({ lintOnSave: false, }); ● 4. 그리고 다시 컴파일 하면 아까와 같은 lint 오류가 발생하지 않습니다.! 2022. 12. 9.
Flutter - 플러터 개발 Android Studio vs VScode 개발 도구 뭐가 더 좋을까? 안녕하세요. 고코더 입니다. 플러터 강의를 듣다 보면 항상 두개의 개발도구가 나뉘는걸 확인할 수 있습니다. 하나는 마이크로 소프트의 "VSCODE" 그리고 젯브레인이 개발한 "안드로이드 스튜디오" 이 두 가지 입니다. 그래서 직접 플러터를 공부해보고 코딩 해본 결과 개인적으로 추천하는 도구는 바로 "안드로이드 스튜디오 입니다. " 그 이유를 한번 알아보겠습니다. 1. 공식적인 지원 플러터는 구글이 제공하는 크로스 플랫폼 GUI 애플리케이션 프레임워크이다. 안드로이드 스튜디오는 jetBrain이 만들었지만 구글이 공식적으로 채택하고 구매해온 IDE이다. 그러므로 공식적인 개발도구이다. VSCODE는 마이크로 소프트에서 만든 개발도구이며 공식적인 플러터 개발도구가 아니다. 다만 워낙 다양한 플러그인 덕분에 .. 2022. 11. 11.
fiddler - 피들러 구버전 설치하기 / 4.6.2 / 첨부파일 안녕하세요. 고코더 입니다. 피들러는 HTTP 및 HTTP 트래픽을 검사하고 변경하는 데 사용되는 디버깅 프록시 도구입니다. 개발도구로 인기가 많은 프로그램입니다. 저도 개발환경 세팅을 할 때 단골로 설치하는 도구입니다. 그런데 최신 버전의 피들러보다 저는 구버전의 피들러를 애용합니다. 좀 더 가볍고 속도도 빠른 거 같네요. 그래서 여러분과 함께 공유하기 위해 자료를 올려 드립니다. ● 1. 해당 첨부파일 파일을 다운로드하여 설치해보시기 바랍니다. ● 2. 개인적으로 가장 선호하는 4 버전 피들러를 사용해보세요. 2022. 11. 11.
CMD - 명령 프롬프트에서 제어판 실행시키기 / control 안녕하세요. 고코더 입니다. ● 1. CMD에서 명령어로 간단하게 제어판을 실행시킬 수 있는 사실을 알고 있나요? 보통 명령 프롬프트를 쓰다보면은 제어판에 접근할 경우가 많은데 참 편리하네요. 명령어도 아주 간단합니다. 해당 명령어 한방이면 control ●2. 이렇게 제어판이 실행 됩니다. 신기하네요. 은근 자주 사용하게 될 명령어입니다. 2022. 10. 29.
CMD - 명령프롬프트 색상 바꾸기 명령어 / color 안녕하세요. 고코더 입니다. CMD 를 자주 사용하는 개발자 입장에서 아주 재밌고 신선한 명령어를 발견하여 이렇게 글을 남깁니다. 벌써 기대가 됩니다. 본론으로 들어가보겠습니다. ● 1. 해당 명령어를 실행해보면 아래와 같이 설명이 등장합니다. 친절하게 한글로 원하는 색상 코드를 기억합니다. color/? ● 2. 숫자를 하나 입력하면 글자색이 변경됩니다. color 9 ●3. 그리고 숫자를 두개 입력하면 첫번째 수는 배경을 두번째 수는 글자색이 됩니다. color f0 기본 컬러가 제일 좋네요.. 이상 재밌는 기능이었습니다. 2022. 10. 28.
Notepad++ - 노트패드++ 폴더 트리 기능 설정 안녕하세요. 고코더 입니다. 요즘은 노트패드++를 잘 쓰고 있는 한 가지 아쉬운 점이 있다면 폴더 트리가 없다는 것입니다. 에디터 플러스에서 자주 사용하는 그 폴더를 보는 뷰가 없네요. 하지만 아쉬울 건 없습니다. 플러그인 설치 한방으로 사용이 가능합니다. ● 1. 상단 메뉴에서 플러그인 -> 플러그인 관리를 실행하고 아래와 같이 Explorer라는 플러그인을 찾고 체크 후에 설치를 합니다. ● 2. 그럼 해당 창이 열리고 여기서 예를 눌러 프로그램을 다시 시작합니다. ● 3. 다음 플러그인에서 Explorer -> Explorer를 활성화해주면 ●4. 이렇게 폴더 트리 기능을 사용할 수 있게 됩니다. 2022. 10. 28.
재미로 보는 웹 개발자 역량 테스트 / youngcade.me/level.html 안녕하세요. 고코더 입니다. ● 1. 재밌는 웹페이지를 하나 찾았습니다. 그저 재미로만 보기 좋은 사이트 입니다. https://youngcade.me/level.html 웹개발자 역량 테스트 웹개발자 기초역량 파악 테스트 프론트엔드(리액트 기반) 기초역량 파악 테스트 백엔드 기초역량 파악 테스트 데브옵스 기초역량 파악 테스트 해당 테스트는 웹개발자로서 기능구현에 필요한 youngcade.me ● 2. 개발자 자신의 역량을 스스로 체크해볼 수 있는 설문지 같은 기능을 제공합니다. 아래처럼 4가지의 기초 역량을 체크할 수 있는데요 ● 3. 이렇게 질문에 예스 or 노 로 대답하다 보면은 ● 4. 테스트 결과가 나타납니다. 기준은 뭔지 모르겠지만 그냥 재미로만 해보세요. 2022. 10. 28.
PHP - 문자열을 표현할때, 작은 따옴표 ('), 큰 따옴표(")의 차이는? 안녕하세요. 고코더 입니다. 오늘은 PHP에서 문자열에서 사용하는 작은따옴표 ('), 큰 따옴표(")의 차이를 알아보려고 합니다. ● 1. 변수 치환 큰 따옴표는 변수를 치환합니다. 쉽게 말해서 변수를 큰 따옴표 사이에 넣어서 쉽게 변수를 문자열로 치환하여 사용할 수 있습니다. 매우 편리합니다. 하지만 작은따옴표는 문자 그대로 출력 합니다. ● 2. 이스케이프 문자 치환 큰 따옴표는 이스케이프 문자를 치환합니다. 2022. 10. 27.
웹사이트에서 사용하는 기술 알아보는 방법 - wappalyzer 안녕하세요. 고코더 입니다. ● 1. 사이트를 접속해보면 해당 홈페이지는 어떤 기술로 어떤 스택으로 개발되었을까? 궁금한적 있으시죠? 그 질문을 말끔하게 해결해주는 크롬 확장 프로그램을 하나 소개 해드릴려고 합니다. 바로 wappalyzer 입니다. https://chrome.google.com/webstore/detail/wappalyzer-technology-pro/gppongmhjkpfnbhagpmjfkannfbllamg Wappalyzer - Technology profiler Identify web technologies chrome.google.com ●2. 해당 확장 프로그램을 설치하고 아이콘을 클릭하면 이렇게 해당 사이트가 사용하는 기술 및 스택을 알아낼 수 있습니다. 평소에 궁금했던 사이.. 2022. 10. 27.