목록분류 전체보기 (66)

FE

[vscode] 에러 위치에 표시되지 않고 코드 마지막 줄에 에러 표시가 될 때

1. 확장팩 충돌 vscode가 가장 마지막줄에만 에러를 보여주고 있었다. 이전에 react, styled components 확장팩 사용했었는데 vue 프로젝트에서 해당 문제가 발생해서 styled components 관련 확장팩 사용중지하니 해당 오류 수정 됐다.
TIL 2024. 3. 11. 00:46
[eslint parsing error] js > ts

parser 변경 parserOptions: { parser: require.resolve('@typescript-eslint/parser'), extraFileExtensions: [ '.vue' ] },
TIL 2024. 3. 11. 00:41
[인쇄] 인쇄 설정

1. 인쇄 바닥글 고정 html (인쇄 반복 헤더) (인쇄 콘텐츠) (인쇄 반복 바닥글) css @page { size: letter; margin: .5in; } @media print { table.paging thead td, table.paging tfoot td { height: .5in; } } header, footer { width: 100%; height: .5in; } header { position: absolute; top: 0; } @media print { header, footer { position: fixed; } footer { bottom: 0; } } 출처 : https://stackoverflow.com/questions/1360869/how-to-use-html-t..
TIL 2024. 3. 11. 00:35
git clone 후 yarn > 변경사항이 너무 많을 때 (.yarnrc.yml 파일이 생성될 때)

1. root 디렉토리에 .git 있으면 제거 2. 해당 프로젝트와 clone 받으려는 컴퓨터 yarn 버전이 일치하는 지 확인 yarn v1 과 v3 로 일치하지 않았는데 .yarnrc.yml 파일이 생성되면서 node_modules에 변경사항이 많이 생겼다.(약 700~900개)
TIL 2024. 2. 19. 12:30
[Chart.js + Vue (+ TypeScript)] 반응형, 도넛 차트 가운데 글자, typescirpt 사용 시 options type에러 해결

그래프, 차트를 화면에 보여줘야 될 일이 있어서 사용하게 된 chart.js 사용 이유는 간단했다. 1. vue와의 호환 🧪 가장 중요한게 프로젝트가 vue라 호환돼야 사용할 수 있었는데 chart.js는 호환되고, vue 전용 wrapper도 있다. https://vue-chartjs.org/ 📈 vue-chartjs vue-chartjs.org 2. 다양한 옵션 ⚙️ chart.js 공식 문서의 옵션이나 추가적인 플러그인만 봐도 옵션이 아주 다양하다는 걸 알 수 있다. 진짜 방대해서 옵션을 다 공부해야지 보다 필요할 때 찾아봐도 웬만한건 다 있다. 아주 디테일하게 조정을 못할지언정 기능적으로는 찾아보면(물론 딥하게 찾아야 할 때가 많음) 거의 다 있다. 3. 다른 사람들도 이거 많이 쓰던데? 😀 이게..
삽질일지 2023. 12. 17. 22:04
[모던 자바스크립트 Deep Dive] 01 - 03

23.03.07 📌 01. 프로그래밍 결국 프로그래밍은 요구사항의 집합을 분석해서 적절한 자료구조와 함수의 집합으로 변환한 후, 그 흐름을 제어하는 것이다. 대부분의 프로그래밍 언어 - 변수와 값, 키워드, 연산자, 표현식과 문, 조건문과 반복문에 의한 흐름제어, 함수, 자료구조(객체, 배열) 문법 제공 📌 02. 자바스크립트란? 넷스케이프 커뮤니케이션즈에서 웹페이지의 보조적 기능 수행을 위한 경량 프로그래밍 언어 도입 ➡️ 브렌던 아이크가 개발한 자바스크립트 이름 변경 : 모카 ➡️ 라이브스크립트 ➡️ 자바스크립트 🌱 자바스크립트 표준화 크로스 브라우징 이슈 발생 ECMAScript라고 명명 ES3 try catch문 ES5 HTML5 함께 출현한 표준안, JSON, strict mode, 접근자 프로..
TIR/모던 자바스크립트 Deep Dive 2023. 3. 7. 15:42
[CND-Project] KPT 회고

23.01.25 ~ 23.02.17 약 3주 정도 걸린 프로젝트였다. FE 3명이 만든 코인 모의 투자 애플리케이션이다. 코인 투자를 처음 접해본 사람들이 접근하기 쉬운 UI/UX가 목표였다. 1. 프로젝트 설명 🪙 Coins-never-die github | 배포 목적 코인을 처음 시작하는 사람들에게 직관적으로 보이는 UI 구성 로그인을 한 뒤 모의 투자를 할 수 있다. 수익률 확인이 가능하다. 구현하고자 했던 기능 firebase를 이용해 유저 관리를 하고자 했다. 리액트 쿼리로 업비트 api를 실시간에 가깝게 불러오고자 했다. 매수/매도 기능을 넣어 유저가 모의 투자를 할 수 있게 했다. 회원가입 시 초기 자산을 넣어주고자 했다. 사용 스택 Next.js 13, Typescript, Javascri..
회고 2023. 2. 22. 09:55
[CND-Project] Firebase Firestore Data types에는 Map이 있다!

CND Project에서 삽질 1 1. 왜 Firebase였나 CND에서 코인 모의투자를 위해서 유저별 투자 정보를 담을 데이터베이스가 필요했다. FE 3명이 만드는 프로젝트라 백엔드 코드를 모르더라도 사용할 수 있는 툴이 필요했다. = Firebase(No-SQL) CRUD 메소드 사용 2. Firebase를 담당하게 됐다... Next.js를 사용하면서 페이지 단위로 개발을 나누게 됐다. 나를 제외한 두분은 회원가입, 로그인 기능을 하신 적이 있어서 내가 회원가입, 로그인 파트를 맡게 됐다. 사실 이 부분은 복잡한 상태가 있거나 하지 않아서 얼마 걸리지 않았다. 금방 끝나버려서 할 것도 없었다. 또 Firebase에 대한 지식은 0이었지만 써보고 싶기도 했어서 담당하게 됐다. 3. Firestore에..
삽질일지 2023. 2. 3. 23:30
이전 Prev 1 2 3 4 ··· 9 Next 다음