개발자의 개발 블로그

2021년 7월 1일부터  부가가치세법 개정이 되어 일반과세자와 간이과세자간 전환이 생겼습니다.

기준이 4800만원에서 8000만원으로 상향되면서 변경되는 일반사업자가 많아질 듯 합니다.

.

하지만, 그냥 일반과세자로 유지하고 싶다면, 간이과세 포기신고서를 제출해야 합니다.

1. 간이과세자는 세금계산서를 발행할 수 없다. 즉, 거래처에서 세금계산서를 빈번히 요구한다.

2. 부가세 환급을 원한다.

이와 같은 것을 원한다면, 일반사업자로 유지를 해야합니다.

간이과세 포기신고서 작성 방법을 알아봅시다!!

1. 홈텍스에 로그인한다.

2. 신청/제출 메뉴를 클릭한다.

3. 일반세무서류 신청 버튼을 선택한다.

이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

4. 민원명 찾기에 간이과세만 작성하고, 엔터를 치면 가장 밑에 간이과세포기신고가 나온다.

5. 인터넷 신청 버튼을 선택한다. 그럼, 기본 인적 사항 페이지로 넘어간다.

6. 기본 인적 사항를 작성한 뒤, 내려받기 --> 간이과세포기신청서.hwp 파일을 작성해야한다.

한글 파일은 다음과 같다.

할 것

6-1. 제목(간이과세 [√]포기 신고서)에 포기 앞 대괄호에  √  를 넣어서 체크해준다.

6-2. 신고인 인적사항을 작성한다(사업자등록증에 있는대로...)

6-3. 간이과세 적용신고는 패스, 간이과세 포기신고로 가서  다시  [√] 체크~~~

☞ 간이과세를 포기하려는 과세기간 : 2021년 제 2기(2021.07.01.부터)

6-4. 하단에 이름 & 서명하면 끝~~

7번으로 이동하자.

7. 작성한 한글 파일을 다시 첨부파일에 등록을 해준다.

8. 신청하기 버튼을 누르면 된다.

제출하게 되면 간이과세자로 3년간 변경할 수 없는 제약이 생기기 때문에, 신중하게 선택해 결정해야한다.

하지만, 위에서 언급한 세금계산서 발행과 부가세 환급을 원한다면 신청하도록 한다.

이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

짜잔~~ 고프로 구매했습니다~~

저는 고프로 8이 나온지 1년이 다 되어가는데 고프로 7을 구매했습니다.

그 이유는?? 당연히 더 저렴하니까요...ㅎㅎ 그리고 전 초보니까요..

싼 것을 사서 많이 사용한 뒤 기기변경을 할 계획으로 샀습니다!!

고프로뿐만 아니라, 악세서리도 여러개 구입했습니다 ㅎㅎ

충전기, 배터리 1개 구성품 99,000원이었습니다.

정품이라 좀 비싼감이 있지만, 잔고장 없이 오래쓰기 위해 정품을 구매했습니다.

그 외에 산 것을 보여드리면~

1. 목에 달고 찍는 청진기같이 생긴 목걸이형 거치대(=넥마운트)를 구매했습니다.

언제 사용할지는 모르겠어요... 약간 충동적으로 샀는데... 꼭 한 번 써보겠습니다.

2. 헤드마운트도 샀습니다. 이것도 ㅠㅠ 약간 충동적이긴 한데... 언젠가 쓸일이 있겠죠?

3. 그 외 악어클립이나, 퀵마운트 등도 구매했습니다. 

저렴한데 오히려 이렇것들을 더 많이 사용할 것 같네요.ㅎㅎ

어쨋든 구매하니 좋네요 

열심히 찍어봐야겠습니다. 

고프로 블랙이 가장 스펙이 뛰어난 것 아시죠?

여기에 마이크로 32G 메모리 그리고 

배터리까지 포함된 제품으로 구매했습니다. 나중에 영상도 찍어서

유튜브도 해보고싶네요 ㅎㅎ

제가 구매했던 링크 공유합니다.

"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."

여름이 다가오면서, 집이 더워져서 컴퓨터 옆에 20cm 이내에서 저에게 바람을 쐬줄 뭔가가 필요했습니다.

그래서!! 책상 옆 모니터 옆으로 세워두고 사용할 수 있는 미니 선풍기를 구입했습니다.

일반 선풍기는 너무 부피도 크고, 휴대용 선풍기는 내수성이 떨어지더라구요~~

다이소에서 샀던 5천원짜리 휴대용 선풍기가 정확히 20일만에 고장났던 기억이 있어서 구매를 망설였는데...

가격도 28000원 정도로 너무 싸지도 않아 오히려 믿고 살 수 있었습니다.

케이블도 일반적인 C타입 케이블로 충전을 할 수 있어서 다른 호환성이 좋은 것 같고요~~

또 좋은 점은 충전할 때는 충전만 해야되고... 작동하지 않는 그런 것 있잖아요? 그런건 너무 싫은데!!

충전을 하면서 틀 수 있어서 너무 좋은 것 같아요 ㅎㅎ!!

약 3만원(3만원도 안 해요) 정도에 이정도 가성비를 갖은 작은 선풍기를 살 수 있다니 너무 좋은 것 같아요 

크고 튼튼해보이지 않나요? 

흔들림도 없고 만족하면서 쓰고 있네요!!

이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

GET과 POST의 개념은 알게 되었고, 실습을 해보려고 했다.

그런데, 경로? 엔드 포인트? 가 동일한 경우가 헷갈렸다. 그래서 이것저것 테스트를 해본 결과다

만약 둘 다 동일하게   /posts라는 경로를 갖는다면 

URL에서 접속하는 경우 GET의 라우터에 있던 log가 찍혔다. 그럼 POST는?

1. form 태그를 간단히 만들어서 보내는 방법.

2. POSTMAN을 통한 더미 데이터를 보내는 방법.

POSTMAN을 사용해보았다.

제대로 JSON으로 보냈는데 undefined가 나왔다... 뭐지 이게 아닌가?

아.. 생각났다. express에서 json으로 받으려면 body-parser를 설치하거나 노드 14이상의 버전이면

express.json()을 사용하여 처리를 해줘야 JSON을 읽을 수 있다는 사실...

app.use(express.json());

이렇게 추가를 해주고 난 뒤, 다시 테스트

{ "name":"JANGSU" }를 보내고, 응답을 받았다.

이 보낸것을 보고싶다면, req.body안에 JSON으로 담겨있다.

그리고, 보낼때는 res.json({...})으로 응답할 수 있다.

서버

노드에서 import를 이용해보려고 했다.

여태까지는  

const express = require('express');와 같이 require문을 계속 써왔는데 

import를 사용해도 동일할까? 싶어서 import를 써보려 했다.

ㅡㅡㅡㅡㅡㅡㅡㅡ

기존 방식 = CommonJS

현재 = ES 모듈 사용

원래는 바벨등을 이용해서, 작업을 하였으나 이제는 간단한 방법이 있다.

package.json에다가 

"type": "module",

이거 한 줄만 추가해주면 에러가 사라지는 것을 볼 수 있다.

1. 파이어베이스에 접속 - 로그인 - 새 프로젝트 추가 - 프로젝트를 생성한다. (방법은 생략함...)

2. 왼쪽 메뉴에서 호스팅(Hosting)을 선택한다.

3. 호스팅이 아직 생성되지 않았다면, 다음과 같이 설명 등 첫 화면이 나온다. 상단에 시작하기 버튼을 누른다.

생각보다 자세히 설명되어 있다. 단계도 3단계밖에 되지 않으므로 매우 간단하다는 것을 예상할 수 있다. 그럼 시작해보자.

1) npm install -g firebase-tools

터미널에 입력하여 파이어베이스를 사용하기 위해 설치를 해준다.

2) firebase login

파이어베이스를 프로젝트 루트에서 초기화해준다. 

파이어베이스는 구글이므로 구글 로그인이 안되있다면, 이메일과 비밀번호를 물어볼 때도 있다.

이미 크롬을 사용하고, 크롬에 로그인이 되있는 상태라면,

Already logged in as youngsu.gil@gmail.com

이렇게 나올 것이다. 그럼 패스!

3) firebase init

이렇게하면, 호스팅을 하고자하는 프로젝트에 파이어베이스를 초기화하여 설치하는 명령어이다.

몇 가지를 물어본다.

쉽게 설명하면,

파이어베이스의 기능중에 이 폴더(프로젝트 루트경로)에 어떤걸 사용하려고하나? 선택해주라. 선택은 Space를 눌러라.

위아래로 움직이는 것은 키보드 방향키이다. 선택 후 Enter를 입력하면 다음으로 넘어간다.

이 예제의 경우, Hosting만 사용할 것이므로 Hosting에만 체크 후 Enter!

<1>번 질문

? Which Firebase CLI features do you want to set up for this folder? Press Space to select features, then Enter to confirm your choices. (Press <space> to select, <a> to toggle all, <i> 
to invert selection)
◯ Database: Configure Firebase Realtime Database and deploy rules
 ◯ Firestore: Deploy rules and create indexes for Firestore
 ◯ Functions: Configure and deploy Cloud Functions
❯ ◯ Hosting: Configure and deploy Firebase Hosting sites
 ◯ Storage: Deploy Cloud Storage security rules
 ◯ Emulators: Set up local emulators for Firebase features
 ◯ Remote Config: Get, deploy, and rollback configurations for Remote Config

다음은 기존에 존재하는 프로젝트를 사용할 것이므로, 기본으로 선택된 Use an existing project를 체크하고 Enter를 입력한다.

<2>번 질문 

First, let's associate this project directory with a Firebase project.
You can create multiple project aliases by running firebase use --add, 
but for now we'll just set up a default project.

? Please select an option: (Use arrow keys)
❯ Use an existing project 
  Create a new project 
  Add Firebase to an existing Google Cloud Platform project 
  Don't set up a default project 

<3번 질문>

? Select a default Firebase project for this directory: (Use arrow keys)
❯ coffe-6b8dc (Coffe) 
  hunsu-7b000 (Hunsu) 
  mandu-cbf46 (mandu) 
  mooncoin-bbab1 (MOONCOIN) 

파이어베이스에 있는 프로젝트들 중 어떤 프로젝트 어디에 이 호스팅을 넣을 예정이냐? 

이런 질문이다. 원하는 프로젝트를 선택한 뒤 Enter

계속 물어본다.... 지겹다. 

=== Hosting Setup

Your public directory is the folder (relative to your project directory) that
will contain Hosting assets to be uploaded with firebase deploy. If you
have a build process for your assets, use your build's output directory.

? What do you want to use as your public directory? (public)

--> 요건 public 디렉토리를 어떻게 할꺼냐? 물어보는 건데, 그냥 Enter를 입력하면 기본적으로 public 이름의 폴더로 지정된다.

? Configure as a single-page app (rewrite all urls to /index.html)? (y/N) 

--> 요건 굳이... 필요없음.  N 입력!

? Set up automatic builds and deploys with GitHub? (y/N) 

--> GitHub로 배포를 자동적으로 할 꺼냐? 이런거 물어보는 것 같음.. 필요없음.  N 입력!

? File public/404.html already exists. Overwrite? (y/N) 

--> 404.html 파일이 이미 존재한다 덮어씌울꺼냐? 몰라. N 입력!

? File public/index.html already exists. Overwrite? (y/N)

--> index.html 파일이 이미 존재한다 덮어씌울꺼냐? 몰라. N 입력!

아 왜 이렇게 많나 생각한 순간

끝났다. 성공적으로 피니시!! 오!

다음과 같이 firebase 어쩌고 파일이 들어갔다면 정상적으로 파이어베이스 세팅 완료!

이제 배포만 남겨둔 상태 두근두근

4) firebase deploy

드디어 마무리 배포 명령어까지 왔다.

짠. 이렇게 complete되었고,

그 바로 밑에

Project Console: https://console.firebase.google.com/project/xxx/overview
Hosting URL: https://appname.web.app

이렇게 나오는데 Hosting URL이 바로 외부에서 접속해서 내 프로젝트를 볼 수 있는 링크이다.

이상으로 파이어베이스를 이용해서 웹 사이트를 호스팅하는 방법을 정리해봤다.

Gatsby 프로젝트를 다운로드 받아서, npm install을 할 때 다음과 같은 에러가 발생하며, 제대로 설치가 되질 않았다.

아오 빨간색 에러는 보기만해도... 무섭다... 에러야... 꺼져주겠니?

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: gatsby-starter-hello-world@0.1.0
npm ERR! Found: react@17.0.2
npm ERR! node_modules/react
npm ERR!   react@"^17.0.2" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.0.0" from google-map-react@2.1.9
npm ERR! node_modules/google-map-react
npm ERR!   google-map-react@"^2.1.9" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! See /Users/jangseongho/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/jangseongho/.npm/_logs/2021-06-08T05_27_26_143Z-debug.log

 도대체 무슨 에러인지 몰라서, 검색을 해봤다. 생각보다 빠르게 해답을 찾을 수 있었다.

https://stackoverflow.com/questions/64573177/unable-to-resolve-dependency-tree-error-when-installing-npm-packages

npm install --legacy-peer-deps

아...내가 낸 에러는 스트레스 덜 받는데...환경 세팅이나, 설치 도중 발생하는 이런 시스템 충돌 에러는 정말 싫다.

다행히도 빠르게 해결할 수 있었다.