IT 개발자가 되기위한 여정

컴퓨터 공부를 시작함에 앞서 계획 및 개발에 대한 내용을 풀어나갈 생각입니다.

프로젝트 20

숙박시설 컨설팅 L & K 홈페이지 제작 - (시작)

간단한 소개 🎇 프로그래머스 데브코스를 끝내고 면접과 이력서 등의 준비로 바쁜중간에 아는 지인한테서 사이트를 하나 만들어달라는 의뢰가 들어왔다. 중소규모에서 컨설팅 및 안내 페이지를 만들고 싶다 깃허브 잔디가 최근 드물기도 했고 최근 면접공부만 하다가 프로젝트를 하나 같이 겸하는게 좋겠다고 생각해서 무료로 제작해주기로 하고 대신 조건으로 코드공개와 포트폴리오로 쓸거라는 말을 같이 전달해줬다. 전달받은 자료는 PPT와 로고 2개를 받고 일단 시안을 작성해보기로 했다. 기술 & 목표설정 🎈 기술 스택으로는 가장 익숙한 Next.js로 가기로 하고 이번 프로젝트의 중점을 어디다 둘지 곰곰히 생각해보다가 이번엔 코드도 코드지만 기획부터 시작해서 모든걸 내가 경험하며 최종적으로 누군가가 사용해주는 사이트를 만들어..

노마드코더 Next.JS 챌린지 - 로그인 기능 구현

https://codesandbox.io/s/nextjs-prisma-sqlite-forked-wsbegh NextJS Prisma SQLite (forked) - CodeSandbox NextJS Prisma SQLite (forked) by zerosial using @prisma/client, @types/node, @types/react, @types/react-dom, iron-session, next, prisma, react, react-dom codesandbox.io 주요 기능 https://fe-developers.kakaoent.com/2022/220224-data-fetching-libs/ React에서 서버 데이터를 최신으로 관리하기(React Query, SWR) 카카오엔터테인먼..

Naver Cloud Platform [3] - SMS 송신하기

SMS의 경우 메일보단 조금 더 많은 요청사항이 있다. https://www.ncloud.com/product/applicationService/sens NAVER CLOUD PLATFORM cloud computing services for corporations, IaaS, PaaS, SaaS, with Global region and Security Technology Certification www.ncloud.com 먼저 달에 50건까지 무료이며 이용 신청하기를 통해 신청을 해준다. 이 중 ID만 사용한다 ( ncp:sms:kr:숫자:프로젝트명) 또한 자신의 휴대폰 혹은 법인 번호를 등록해야 한다. https://console.ncloud.com/sens/sms-calling-number imp..

Naver Cloud Platform [2] - 이메일 송신하기

먼저 이메일 서비스를 사용한다면 해당 서비스를 신청해야 한다. https://guide.ncloud-docs.com/docs/email-email-1-2 Outbound Mailer 사용 가이드 - Cloud Outbound Mailer guide.ncloud-docs.com Cloud Outbound Mailer 서비스를 신청하면 된다. 달에 1000건까지 무료로 사용 가능하다. Makesignature는 전편에서 만든 함수를 사용하면 된다. import MakeSignature from "@components/makeSignature"; const axios = require("axios"); export default function sendEmail(email, payload) { let resu..

Naver Cloud Platform [1] - API Header (Signature 생성)

https://api.ncloud-docs.com/docs/common-ncpapi Ncloud API api.ncloud-docs.com 기본적인 API 설정이 나와있지만 내가 사용하기 위해 코드를 살짝 변경하였다. 사용중인 환경은 Next.js , Axios이다. 사용전 crypto를 설치하여야 한다. $ npm install crypto-js import crypto from "crypto-js"; export default function MakeSignature(url, method) { const date = Date.now().toString(); const space = " "; const newLine = "\n"; const secretKey = process.env.NAVER_ACCE..