Introreact를 이용한 atomic design 시스템 개발을 하던 중 atom을 만들 때 마다 동일한 패턴의 파일을 생성하고, atom/index.ts에 export { default as Button } from "./Button";과 같이 export 구문을 수동으로 추가해줘야 했습니다.보일러 플레이트 폴더 구조와 파일을 스크립트를 이용하여 생성할 수 있을 것으로 기대하여 스크립트를 개발해보기로 하였습니다.하지만 스크립트를 작성해본 적이 없었다. chatGPT와 함께스크립트를 작성해본 적이 없기 때문에 GPT의 도움으로 작성을 시작하였습니다.chatgpt와 나눈 대화스크립트 문법에 대해서 잘 알지 못하였지만 gpt가 작성해준 코드를 보며 이해해보며 작성할 수 있었습니다.모든 스크립트의 파일 명..

2023 ICT 하반기 인턴십이 끝난지 2달이 되어가는 시점에서 작성하는 인턴십 준비 과정에 대한 글입니다인턴쉽 준비 과정인턴쉽 준비 과정에 대한 글은 여기서 확인할 수 있습니다.면접 준비 과정서류 전형에서 3개 모든 기업에 합격하여 3곳의 면접 준비가 필요했습니다. 비슷한 이력서와 자기소개서를 기반으로 제출했기때문에 면접 준비도 공통 질문과 기업별 질문을 정리하였습니다.아래의 내용은 노션에 정리해 두었던 면접 준비 내용입니다.공통 질문 준비1분 자기소개안녕하세요. OO에 지원한 OOO입니다. 필요한 것을 직접 만들어서 사용하는 것을 좋아하고 더 좋은 사용자 경험을 구현하고 싶은 개발자입니다. 팀 프로젝트로는 제가 프론트를 맡아 react를 사용하고, 백엔드 1명이 javaSpring을 이용해 개발한 유..

2023 ICT 하반기 인턴십이 끝난지 2달이 되어가는 시점에서 작성하는 인턴십 준비 과정에 대한 글입니다 1. 기업 선택 수 많은 ICT 기업 중에서 3가지 기업을 선택하는 것부터 문제였습니다. 그렇기에 저는 우선 순위를 생각해 보았습니다. 집에서 너무 멀지 않은 기업. (편도 1시간 안에 갈 수 있는 곳) 규모가 너무 크지 않은 기업. (인턴으로써 더 많은 기여를 할 수 있을 것으로 예상) 내가 흥미있는 사업분야 기업. 코딩 테스트 실시 기업은 한 개 이상 포함할 것. 1번, 2번 그리고 3번을 기준으로 기업을 선정한 후 코딩 테스트를 실시하는 기업을 하나 이상 포함하고 자 하였습니다. 인턴쉽에 최종 합격하지 못하더라도 채용 과정에 대부분 포함된 코딩 테스트를 경험할 기회를 얻고 싶어 하나 이상의 기..

구글 계정 관리 > 보안 > Google에 로그인하는 방법 > 2단계 인증 > 앱 비밀번호 생성된 앱 비밀번호를 .env에 MAILER_AUTH_PASS 로 저장 내 구글 계정은 MAILER_AUTH_USER 에 저장 // .env MAILER_AUTH_USER=test@gmail.com MAILER_AUTH_PASS=phfrwscwiwdfhxqt import { NextRequest, NextResponse } from "next/server"; import nodemailer from "nodemailer"; const transporter = nodemailer.createTransport({ host: "smtp.gmail.com", port: 465, secure: true, auth: { us..

문제상황 @Desktop:/mnt/c/Users/$ 기존의 wsl의 디렉토리 path가 mnt/c/Users/... 일 때 live server가 자동적으로 업데이트하지 않는 문제 발생하였습니다. 스택오버플로우를 뒤지며 삽질한 끝에 해결책 @Desktop:/~$ 디렉토리를 linux 디렉토리 path로 수정하고 다시 git clone 하니 정성적으로 live server가 동작합니다.

VSC Extension에서 Vim을 설치하여 사용하는 방법입니다. 확장프로그램 탭에서 vim을 검색하여 설치해줍니다. 주요 명령어 esc: 편집기모드에서 뷰 모드로 전환 : (콜론): 명령어 모드로 전환 탐색 명령 h (왼쪽 화살표): 커서를 왼쪽으로 한 글자 이동 j (아래쪽 화살표): 커서를 한 줄 아래로 이동 k (위쪽 화살표): 커서를 한 줄 위로 이동 l (오른쪽 화살표): 커서를 오른쪽으로 한 글자 이동 w: 커서를 다음 단어의 처음으로 이동 b: 커서를 이전 단어의 처음으로 이동 e : 커서를 다음 단어의 끝으로 이동 gg: 커서를 문서의 첫 줄로 이동 G : 문서의 마지막 줄로 커서 이동 $: 커서를 현재 줄의 끝으로 이동 ^: 커서를 현재 줄의 처음으로 이동 U: 커서를 반 페이..