개발새발! 🙉

이번에 앵귤러 모바일 프로젝트에 투입되었다. 애플리케이션 서버를 실행할 때 ng serve가 아닌 ionic serve로 서버를 실행하더라...? 생전 처음 들어본 inoic이 무엇인지 알아봤다. 사전지식 반응형 웹 (웹) : html, css, js로 이루어진 웹을 모바일 상의 화면으로 보는 것 네이티브 앱 (앱) : android(코틀린) 혹은 ios(스위프트) 환경의 코드로 제작된 모바일용 애플리케이션 하이브리드 앱 (앱) : 웹 코드로 이용해 각 플랫폼(android, ios)으로 패키징 한 애플리케이션 (웹+앱) 프로그레시브 웹앱 (웹) : 하이브리드 앱처럼 보이지만 설치가 필요하지 않고, 네이티브앱 기능을 사용할 수 있는 애플리케이션 ionic Framework (아이오닉) 2013년에 등장한..

계약 관련 가계약 보험회사나 대리점에 의하여 보험증권이 발행될 때까지의 무보험 상태를 메꾸기 위한 계약을 말함. 물론 이는 확정적이며 단시일이라는 요건이 필요하다. 단체취급계약 계약자가 단체(회사, 관공서 등)에 근무하는 경우, 단체가 보험료를 계약자의 급여에서 공제하여 보험자에게 지급하는 방식의 계획. 단체 자체가 계약자가 되어서 체결하는 단체 계약과는 다르다. 계약일 계약일 : 계약을 위해 청약서를 작성한 날 계약체결일 : 제1회 보험료를 납입한 날 책임개시일 : 건강진단을 받고 안 받고에 따라 달라짐 보통 청약서를 작성함과 동시에 제1회 보험료를 납입하는 것이 관례이므로, 계약일과 계약체결일은 통상 같은 의미다. 단지 주의해야 할 사항은 책임개시일은 엄밀히 구분된다. 계약의 부활(효력회복) 보험료를..

예전부터 프리랜서로 전향한 뒤 아빠 밑에 직장피부양자로 선정되어 건강보험료를 별도로 내지 않았다. 냠냠뇸 꿀빨다가 작년 2023년 12월부터 지역가입자로 변경되어 건보료를 납부하라는 고지서가 날라왔다. 사람 심리가 안 내다가 내면 배가 아픈법...😂 갑자기 왜 변경되었는지 건강보험 고객센터에 문의해 보니 "님 소득이 500만 원 초과돼서 그럼" "작년소득과표가 500만 원이라서 초과돼서 그래요" 라는 답변이 왔는데 피부양자 탈락 기준이 궁금해서 찾아봤다. 대체 뭐길래 내 맘을 이리 슬프게 만드니,,? 피부양자? 피부양자는 직장가입자의 가족으로 직장가입자의 부모, 배우자, 자녀 등이다. 근로 능력이 없다고 판단하여 부양을 받아야 할 사람으로 판단하여 보험료를 내지 않아도 건보 혜택을 누릴 수 있다. 소득/..

티스토리에서 글을 쓰면 Git에도 반영되어 아래처럼 잔디를 심어보려고 한다. 그러기 위해 Github Action을 이용하여 하루에 한번 티스토리의 RSS를 기반으로 Github에 커밋이 되도록 할 것이다. 사전 준비 npm을 사용할 것이므로 Node.js와 Git이 필수적으로 설치되어 있어야 한다. 개발 툴은 VsCode를 이용했다. 1. 티스토리 RSS 설정 먼저 티스토리에서 RSS 설정을 확인해보자. 내 블로그 설정 > 관리 > 블로그 메뉴로 들어가서 RSS 전체 공개로 설정 후 저장한다. 이제 https://devpad.tistory.com/rss 같이 본인의 블로그 주소에 접속하면 RSS 정보를 확인할 수 있다. 2. repository 생성 Github Action으로 연동할 새로운 repos..

문제 발생 Git Action을 이용해서 티스토리와 Github를 서로 연동하다가 build failed이 발생했다. 내 경우 git add .를 수행하다가 발생했는데, 다른 명령어를 수행하다가 동일한 에러가 발생할 수 있다. Github action nothing to commit, working tree clean Error: Process completed with exit code 1. main.yml 파일에서 아래 명령어를 순차적으로 실행하다가 ✅ 표시된 부분에서 오류가 발생한 것이다. 빌드 시점에 새롭게 추가된 내용이 없는데 git add .를 수행하려고 하니 오류가 발생한 것이다. jobs: # This workflow contains a single job called "build" bui..

문제 발생 앵귤러에서 HTTP 통신을 하기 위해 HttpClient를 이용하려고 한다. 서비스의 constructor에서 HttpClient를 가져다썼더니 NullInjectorError 에러가 발생했다. import { HttpClient } from '@angular/common/http'; @Injectable() export class UserService { constructor(public httpClient: HttpClient) { } // 여기서 문제 발생 } NullInjectorError 에러의 내용은 HttpClient에 대한 provider가 없다는 의미다. ERROR NullInjectorError: R3InjectorError(_AppModule)[_UserService -> ..

JavaScript 관련해서 세계적인 트렌트를 확인할 수 있는 사이트를 알게 돼서 내용을 공유한다. 무궁무진하게 생기는 JavaScript 시스템에서 트렌드를 쉽게 확인할 수 있다. 라이징스타 risingstars 사이트에 접속하면 2023년 프론트엔드 프레임워크 인기 순위를 알 수 있다. React가 2021년부터 현재까지 자바스크립트 생태계에서 1위를 유지하고 있다. 대표적인 프론트엔드 3대장 (React, Vue, Angular) 말고도 htmx, Svelte, Million 등 프레임워크가 인기를 끌고 있다. 그래프 오른쪽에는 사람들이 덧붙인 코멘트가 있어서 같이 읽어보면 좋다. 이 사이트의 장점은 프론트엔드 말고도 백엔드, 모바일, 빌드 도구, 테스팅 프레임워크, AI 등 다양한 자바스크립트 시..

앵귤러 프로젝트에 곧 투입될 예정이라 앵귤러 첫걸음 이라는 책을 대여해서 읽어봤다. 책을 읽기 전, 목차를 살펴보니 앵귤러 개념들을 상세하게 다루고 있는 것 같아서 선택했다. 이 책의 장점은 예제 중심으로 이루어져 있어서 실습을 통해 앵귤러의 문법과 기능을 익힐 수 있고, 실습 예제도 Github을 통해서 가져다 쓸 수 있다. 기초 설명부터 실제 프로젝트인 상품 관리 애플리케이션을 실습으로 만들어볼 수 있고, 앵귤러 CLI를 활용한 개발 방법과 앵귤러 생태계의 서드파티 라이브러리 활용, 그리고 파이어베이스를 사용한 앵귤러 웹 애플리케이션 배포까지 다루고 있다. 다만 487페이지의 방대한 분량에다가 2017년에 발행된 책이다보니 동작하지 않는 소스도 많아서 구글링으로 해결하는데 꽤 많은 시간이 소요되어 가..

강의 소개 인프런에서 Angular(2+) Front에서 Back까지 강의를 수강 완료했다. 직전에 들었던 강의보다 라우터 모듈, 서비스 개념까지 다루고 있어서 좀 더 심도 있는 수준으로 배울 수 있다. 강의자는 Angular + Nest.js 스펙을 목표로 영상을 찍으신 것 같다. 강의 후기 이 강의는 총 20개 강의, 5시간 28분 분량으로 꽤 무겁다. 실습을 같이 병행하면서 오류도 고치다보니 수강 완료까지 3-4일이 소요되었다. 무료 강의지만 강의 퀄리티가 좋은 편이다. 스톱워치 실습을 시작하기 전에 TypeScript에 대해서 간단한 예제를 보여준다. tsc 명령어로 TypeScript 파일이 JavaScript 파일로 변환되는 과정, tsconfig.json 파일의 target 설명, 접근제한자..

문제 발생 크롬 개발자도구(F12)에서 소스를 복사 붙여넣기하면 아래와 같은 오류가 발생하며 붙여넣기가 정상적으로 되지 않는다. Warning: Don’t paste code into the DevTools Console that you don’t understand or haven’t reviewed yourself. This could allow attackers to steal your identity or take control of your computer. Please type ‘allow pasting’ below to allow pasting. 직역하자면 DevTools Console에 신뢰 불가능한 코드를 붙이지 말라는 경고 문구로, 붙여넣기를 허용하려면 allow pasting을 입력하..