etc

PWA란 ?PWA는(progressive web app)의 줄임말로서 웹과 네이티브 앱의 기능 모두 사용할 수 있도록 만든 기능이다.  웹사이트의 장점은 빠른 접근성이다. 어플리케이션을 설치하는 것보다 더 빠르게 접근이 가능하고 링크를 통한 공유가 가능하다는 점이 웹 의 특징이다. 반면에 앱은 웹보다 더 부드러운 사용자 경험을 제공한다. 또한, 오프라인에서도 동작이 가능하며 설치가 된 이후에는 웹사이트보다 쉽게 접근이 가능하다. PWA는 이 두가지 기능을 모두 통합한 웹앱이다. 즉 웹을 앱처럼 사용할 수 있다. PWA 시작하기PWA는 manifest.json 파일과 serviceworker.js 파일만 있으면 만들 수 있다. 그러나 Vite 에서는 PWA를 쉽게 적용할 수 있는 플러그인이 있으므로 해당 ..

서론최근 리액트를 다시 공부하며 명령형과 선언형 프로그래밍에 대해서 공부했다. 이 두 가지 프로그래밍 패러다임은 코드를 작성하는 방식뿐만 아니라 문제를 해결하는 사고방식에서도 큰 차이를 보인다. 특히 리액트와 같은 라이브러리는 선언형 프로그래밍의 장점을 극대화하여 개발자의 생산성을 높이고, 코드의 가독성을 개선하는 데 초점을 맞춘다.명령형과 선언형 프로그래밍이 구체적으로 무엇을 의미하는지, 그리고 실제로 코드에 어떻게 적용되는지 궁금해졌다. 이번 글에서는 이 두 가지 프로그래밍 패러다임의 개념과 차이점, 그리고 각각의 장단점에 대해 알아보고자 한다.명령형 프로그래밍 vs 선언형 프로그래밍명령형 프로그래밍은 어떤 일을 하는 방법이고 선언형은 무엇을 하는가에 더 가깝다. Tyler McGinnis  위 문장..

정보처리 기사 실기 합격 후기 입니다. 필기는 1회에 봤는데 실기는 미루고 미루다가 3회에 보게 되었네요. 🥲 아무튼 제가 했었던 공부법과 합격 후기에 대해 작성하려 합니다.   공부 방법 및 기간사실 필기때 공부한건 다 잊어버렸고 다시 처음부터 공부하자는 생각으로 시작했습니다. 총 공부했던 기간은 약 3주정도 잡았고 평일은 저녁 8시부터 10시까지 2시간씩, 주말에는 아침부터 저녁까지 8시간 정도 했습니다. 처음에는 필기랑 비슷하게 문제랑 답만 외우자는 마음으로 시작했다가 기출을 보고 바로 흥달쌤 인강 결제 했습니다. (흥달쌤 인강 진~~~짜 추천합니다 ㅎㅎ)  일단 이전 회차에서 나오긴 하지만 생각보다 비율이 크지 않고 애초에 코드 문제 같은 경우는 같은 문제가 나올 수가 없기 때문에 기초를 알고 ..

현재 진행중인 프로젝트에서 모바일 알림을 구현해야 했다. 그래서 가장 간편하게 쓸 수 있다는 FCM을 사용해 보았는데 나중에 까먹을 것 같아서 남겨두려고 작성한다. FCM(Firebase Cloud Messaging) 이란?firebase에서 제공하는 서비스 중 하나로 여러 플랫폼에 푸시 메세지를 보낼 수 있다. iOS, 안드로이드, 웹 모두 지원하므로 쉽게 사용 가능하다는 장점이 있다.  공식 문서가 잘 작성되어 있어 처음 사용해보는 사람들도 쉽게 접근할 수 있어서 좋았던 것 같다. 개발 환경 ⚙️나는 Vue를 사용하고 있으므로 vue/cli-plugin-pwa 플러그인을 설치했다. 그런데 파이어베이스에서 서비스 워커를 줘서 제공되는registerServiceWorker.js 에서는 따로 구현하지 않았..

코드를 리팩토링 하던 중 npm 에서 취약점이 있으니 'npm audit fix --force' 명령어를 입력하라는 경고가 떴다. 처음에는 그냥 넘어갔지만 해당 메세지가 계속해서 뜨다 보니 신경이 쓰여 해당 명령어를 입력하자마자 아래와 같은 에러가 뜨면서 프로젝트가 안열렸다..버전 문제인것 같아 진짜 별 짓 다해봤는데 에러가 계속해서 생겼으나 아래 방법으로 해결했다. git restore package-lock.jsongit restore package.jsonnpm install출처: https://velog.io/@devbin20/React.js-undo-npm-audit-fix-force다음부터는 함부로 버전 관련 명령어를 쓰지 말아야겠다고 다짐했다....

데이터 언어DDL (데이터 정의어)CREATE: 테이블 생성DROP: 테이블 삭제ALTER: 데이터 변경 DML (데이터 조작어) SELECT: 행 선택UPDATE: 행 수정DELETE: 행 삭제DCL (데이터 제어어)GRANT: 권한 부여 REVOKE: 권한 해제 COMMIT: 작업 저장 ROLLBACK: 원래 상태로 되돌리기스키마외부 스키마: 사용자의 관점에서 DB의 논리적 구조를 담당 ex) 웹툰에서 요일별 웹툰 개념 스키마: DB의 전체적인 구조를 담당, 하나의 DB에는 하나의 개념 스키마가 존재내부 스키마: 물리적인 데이터 구성을 명세하는 스키마 데이터 독립성 논리적 독립성: 외부스키마와 개념 스키마 사이에서의 독립성물리적 독립성: 개념 스키마와 내부 스키마 사이에서의 독립성데이터 모델링개념적 ..