전체 글 142

개발자가 연봉 1억을 넘길 수 있는 5가지 방법

okky 글을 보고 개발자 방향성 관련해서 잘 정리해두신 것 같아서 저장한 글입니다.  결론적으로 말씀드리면 개발만해서는 답이 없습니다. '개발자' = '응용프로그램 개발자' 라고 한정지어 보겠습니다 여기 들어 오시는 분들의 99% 가 여기에 해당 될테니깐요 구체적으로 응용프로그램 개발자에 대해서 정의해 보자면 아래와 같습니다.- 웹 개발자     Java, Js(React, Nodejs 등), Python, Php, C# 등 - 모바일(하이브리드) 개발자     Android(Java, Kotlin), IOS(Object c, Swift), 멀티플랫폼(RN, Flutter 등) - Windows 개발자    C++, MFC, C# 등, 요즘은 많이 없죠 - 하드웨어 + 임베디드 개발자     키오스크,..

개발자 로드맵 사이트 추천, 원하는 스킬 한눈에 파악 가능

구글링하다가 개발자 로드맵 관련해서 좋은 사이트를 찾아내서 공유한다. Developer Roadmaps 사이트에는 Frontend, Backend 외에도 DevOps, Flutter, React, AI 등 다양한 로드맵을 제시하고 있다. 현재 내가 관심있는 앵귤러 프레임워크를 예시로 살펴보자면 TypeScript부터 RxJS, Angular CLI 등 필요한 개념들을 짚어주고 있다. 원하는 언어나 스킬이 있다면 참고해볼 만한 사이트이다.

앵귤러 문서 까기 @NgModule

앵귤러 API 문서를 보면서 궁금했던 것들을 하나씩 까보려고 한다. 현재 프로젝트에서 쓰고 있는 앵귤러 5 버전을 기준으로 기록한다. @NgModule NgModule이란 기능 모듈 단위로 코드를 관리하는 것을 말한다. 기능이 연관된 구성요소(컴포넌트, 디렉티브, 파이프 등)를 하나로 묶어 관리하는 단위이다. 아래처럼 @NgModule 데코레이터로 선언하여 메타데이터를 입력한다. 앵귤러 애플리케이션은 최상위 모듈인 AppModule에서 시작된다. import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { AppComponent } from './app.component..

Frontend/Angular 2024.04.14

키보드 한컴 입력기 삭제하는 방법 (키보드 자동 변환되어 불편할 때)

타자를 치다보면 가끔씩 Micosoft 입력기가 아닌 엉뚱한 입력기로 변경되곤 한다. 한컴 입력기가 자동으로 변환되어 가끔 타자가 안쳐지는 불편한 상황이 일어나서, 불필요한 입력기를 삭제하려고 한다. 윈도우+i키를 눌러서 윈도우 설창을 연 뒤 언어를 검색한다. 한국어 설정의 [옵션]을 선택한다. 언어 옵션: 한국어로 진입하면, 현재 설치된 키보드 목록이 보여진다. 이중 옛한글 입력키를 삭제할 것이다. 불필요한 입력기를 삭제했다면 앞으로는 한국 영어 자동변환 오류가 발생하지 않는다. 반대로 사용하려는 키보드를 추가할 수도 있다.

앵귤러에서 ionic Framework (아이오닉 프레임워크) 간단한 정리

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

Frontend/Angular 2024.04.07

보험사 프로젝트 관련 용어 정리

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

2024년 건강보험 피부양자 탈락? 프리랜서 피부양자 자격상실 소득 기준

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

티스토리 글 작성하면 Github에 자동 커밋시키는 방법 (feat. 잔디 심기)

티스토리에서 글을 쓰면 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..

Github action nothing to commit, working tree clean 오류 해결

문제 발생 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..

앵귤러 NullInjectorError: No provider for _HttpClient! 오류 해결

문제 발생 앵귤러에서 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 -> ..

Frontend/Angular 2024.03.29