profile
사람 재미를 아는 길잡이가 될래요
post-thumbnail

[TypeScript] 타입 스크립트 : TS 객체와 함수의 데이터 타입

TypeScript에서 객체의 데이터 타입 > TS에서 객체의 데이터 타입을 정의하려면, 타입 주석을 활용해 객체의 속성과 해당 속성의 데이터 타입을 명시하면 됨 TypeScript에서 함수의 데이터 타입 예제 1: 매개변수와 반환 값의 데이터 타입 지정 예제 1: 선택적 매개변수 사용 > 일부 매개변수는 선택적으로 받을 수 있게 만들고 싶을 때, 매개변수 뒤에 ?를 사용

2023년 5월 5일
·
0개의 댓글
·
post-thumbnail

[TypeScript] 타입 스크립트 : TS의 Array와 Tuple

TypeScript에서 Array와 Tuple의 데이터 타입 1. Array 타입 TS에서 배열 타입을 선언하는 방법은 두 가지이다. 1) 타입 + [ ] > let arr1: number[ ] = [1, 2, 3]; 2) Array > let arr2: Array = [1, 2, 3]; 두 가지 방법 모두 동일한 결과를 가져옴 2. Tuple 타입 튜플은 고정된 길이와 타입의 배열로, 각 요소의 타입과 순서가 정해져 있음. (TS 전용) > let tuple: [string, number, boolean] = ['Hello', 42, true]; 예시: tuple이라는 변수에 길이가 3이고, 각각 string, number, boolean 타입을 가지는 Tuple을 선언 Array와 Tuple의 차이점 Array는 길이가 가변적이며, 동일한 타입의 요소로 구성됨 Tuple은 길이가 고정되어 있으며, 각 요소

2023년 5월 5일
·
0개의 댓글
·
post-thumbnail

[TypeScript] 타입 스크립트 : TS 기본 개념 및 데이터 타입과 추론

들어가며 TypeScript 란? > JaveScript + 타입 체크 = TypeScript TypeScript(이하 TS)는 자바스크립트 대체 언어 중 하나로, 자바스크립트(ES5)의 상위 확장 언어이다. 즉, TS 실행 환경에 JS를 코딩하면 100% 동작한다. 그러나 JS 실행 환경에서 TS를 코딩하면 작동하지 않는다. 생활코딩 데이터 타입 체크 JS의 변수는 내용물을 담기는 편하지만 그 내용물이 무엇인지 알 수 없어 매번 확인해야 하는 종이컵과 같다. 이처럼 변수의 데이터 타입을 명확하게 알기 어려우면 타입의 안정성도 낮아진다. TS는 페트병과 같다. 내용물이 명확히 표시되어 있고, 봉인되어 불순물이 없음을 보장한다. 이처럼 **TS는 변수의 데이터 타입

2023년 5월 5일
·
0개의 댓글
·
post-thumbnail

React로 이메일 전송 기능 구현하기 : nextjs, typescript, nodemailer, axios, react hook form

🎈 1. 들어가며 > 나는 현재 모 대학 건축학과 온라인 졸업 전시회 웹사이트를 제작하는 사이드 프로젝트에 참여 중이다. 생애 첫 웹 프로젝트에 참여하면서 겁도 없이 기획자 포지션을 맡게 되었는데, 웹 기획에 대한 기초가 부족해 협업 및 소통 과정에서 많이 헤맸었다. 그러나 모든 게 처음이었던 나를 끝까지 격려하며 이끌어주시는 천사 Y 님을 만난 덕분에, 많은 것을 보고 배우며 포기하지 않고 지금까지 함께 프로젝트를 이어가고 있다. > 이번에 Y 님께서 직접 개발 과정에 참여할 수 있는 기회를 주셔서, 사이트 내 이메일 전송 기능 구현을 맡게 되었다. 처음엔 에이블스쿨에서 배웠던 SMTP를 활용해 가볍게 구현이 가능할 거라 생각했다. 그러나, 웹의 경우 보안 이슈로 인해 SMTP를 활용하는 길이 생각보다 녹록치 않았고... OTL 백엔드 지식이 약소했던 나는 결국 Y 님의 도움을 받아서 겨우겨우 기능을 구현할 수 있었다.

2023년 4월 12일
·
0개의 댓글
·