전체 글 155

[node.js] node version manager (nvm) for window / 노드 버전 업데이트 윈도우

*nvm- 노드 버전 매니저. 노드는 버전 업데이트가 활발해서 금방금방 버전이 올라간다.여러개의 버전을 설치해놓고 원하는 버전을 선택하여 사용할 수 있도록 해주는 nvm 을 활용하면 버전관리가 편리하다.(아주 짱 편함) 그러나 nvm은 mac/linux 에서만 지원되기 때문에 nvm for windows 를 사용해야 한다.  * nvm 깃헙https://github.com/coreybutler/nvm-windows GitHub - coreybutler/nvm-windows: A node.js version management utility for Windows. Ironically written in Go.A node.js version management utility for Windows. Ironi..

nodejs 2024.10.21

comodo ssl 인증서 신규 발급 + nginx 적용(DVC - cname 인증 feat. route53)

1. 일단 구매한다메인 홈 - SHOP - (인증서 종류 ; 우리는 와일드로 해야해서 Comodo Wildcard SSL 선택) - 카드 입력하고 구매하면 된다 2. csr 파일 생성일단  csr 파일을 만들어야 한다https://wikidocs.net/7384#crt 04) SSL 연동[TOC] # COMODO PositiveSSL ssls.com에서 PositiveSSL 3년 인증서를 14.97 달러에 판매 중이다. 국내 사이트에서 구매할 경우 93,5…wikidocs.net 위 사이트에 들어가보면 openssl req -new -newkey rsa:2048 -nodes -keyout example_com.key -out example_com.csr 명령어가 나와있고 밑에 예시가 있는데,여기 예시에서..

카테고리 없음 2024.07.20

[typescript] 인덱스 시그니처 정의

함수에서 매개변수를 받아와서 특정 객체의 키값에 매핑해서 써야하는데, 타입이 안맞는다고 자꾸 에러가 났다.키의 타입이 정의되어있지 않아서 그런거였다. 인터페이스를 정의할 때 value 타입은 정의되는데, key는 안된다고한다. 그래서 인덱스 시그니처를 적용시켜봤다. 인덱스 시그니처는 내가 에러가 난 저 상황처럼, 객체의 키값에 동적으로 접근하기 위해 사용한다. 지피티형한테 물어보니깐 다음과같은 이유로 사용한다고 한다. *인덱스 시그니처의 사용 이유1. 동적 키 접근: 객체의 키가 사전에 정의되지 않은 경우에 유용.2. 타입 안정성: 모든 키와 값이 특정 타입을 따르도록 강제함.3. 유연성: 객체의 키가 동적으로 추가되거나 변경될 수 있는 경우 유연하게 대응가능. 방법은 쉬운데 시그니처를 먼저 정의해놓고 ..

typescript 2024.07.11

aws에 저장된 도메인을 이용하여 하위 도메인으로 설정하기 - 공유기 포트포워딩

일단 과정 자체는 어렵지 않았으나 공인 아이피와 사설 아이피의 개념때문에 도메인 지정 후 포트 설정을 해주는 부분에서 조금 헤맸다. 회사 개발서버 ( windows ) pc에 사설 깃 서버 (gitblit)를 설치하였다.http://www.gitblit.com/setup_go.html#H9 (Gitblit GO Installation & Setup 단계를 따르면 됨)이 깃 서버를 러닝하여 브라우저에서 접속 가능하도록 설정해주었다.ex - 개발서버 피시에서 접속할 때에는 http://localhost:8080 으로 접속 가능 ,사무실 맥에서 접속할 때에는 http://192.168.0.29:8080 으로 접속 가능했다.이때 - http://{ip주소}:{포트} 이렇게 접속 가능 상태,따라서 아이피로 접속이..

AWS 2024.07.09

[typescript] ~형식의 매개 변수에 할당될 수 없습니다. 'scending' 속성의 형식이 호환되지 않습니다. 'string' 형식은 '"desc" | "asc"' 형식에 할당할 수 없습니다.

const param = { sDate: "", eDate: "", dateType: "create_date", status: "all", searchType: "email", search: "", limit: 15, page, orderby: "", scending: "desc" } 이런 객체를 인자값으로 넘기고호출한 함수의 매개 변수 타입이export interface searchParams { dateType: string; sDate: string; eDate: string; searchType: string; search: string; status: string; limit: number; pag..

typescript 2024.07.08

[typescript] 인터페이스 재활용하

인터페이스를 좀 잘 활용해보자라고 생각하며 프로젝트를 하니.. 타입을 맞춰주는게 너무 번거롭고 힘들었다 ㅠ그래도 any 와 unknown을 최대한 사용하지 말자라는 생각으로 하고 있다. 인터페이스 파일에서 기존 형태를 정해주고 거기에 일부를 추가하거나 삭제하거나 일부 선택하여 재활용하기가 좋다. 1. 기존 인터페이스 확장하기 (extends)2. 기존 인터페이스에서 일부 속성 제거하기 (Omit)3. 기존 인터페이스에서 일부 속성만 선택하기 (Pick)   1. extendsinterface ExtendedInterface extends OriginalInterface { email: string;}  2. Omittype PartialInterface = Omit;  3. Picktype Select..

typescript 2024.07.04

[Typescript] interface의 키 값 자체를 타입으로 지정하기

* as keyof typeof ~ const onSuccessReportedRepleDetail = useCallback((data: any) => { const { result } = data.data; setDetailData(result); for (const item in options) { handleOptionsChange(item as keyof typeof options); } }, []);여기서 타입 지정 =>  'as keyof typeof options' 이렇게 써주면 말 그대로임 options의 타입의 키값이 인자값의 타입이 됨!item as "idx" | "status" | "admin" | "adminMemo" -> 라고 써줘야하는 것을 줄여줬음..

typescript 2024.07.03

[코딩 기초 트레이닝] 마지막 두 원소(feat.구조분해할당)

문제 설명 정수 리스트 num_list가 주어질 때, 마지막 원소가 그전 원소보다 크면 마지막 원소에서 그전 원소를 뺀 값을 마지막 원소가 그전 원소보다 크지 않다면 마지막 원소를 두 배한 값을 추가하여 return하도록 solution 함수를 완성해주세요. 제한사항 2 ≤ num_list의 길이 ≤ 10 1 ≤ num_list의 원소 ≤ 9 입출력 예 num_list    result [2, 1, 6]    [2, 1, 6, 5] [5, 2, 1, 7, 5]    [5, 2, 1, 7, 5, 10] 입출력 예 설명 입출력 예 #1 마지막 원소인 6이 그전 원소인 1보다 크기 때문에 6 - 1인 5를 추가해 return합니다. 입출력 예 #2 마지막 원소인 5가 그전 원소인 7보다 크지 않기 때문에 5의..

[next.js] 기초, 라우팅, Next.js vs React.js (Framework vs Library, SSR vs CSR)

https://nomadcoders.co/nextjs-for-beginners/lectures/4689 All Courses – 노마드 코더 Nomad Coders초급부터 고급까지! 니꼬쌤과 함께 풀스택으로 성장하세요!nomadcoders.co 니꼴라스 무료강의! 각각의 공식문서에 들어가보면 Next.js 는 프레임워크이고, React.js는 라이브러리라고 소개하고 있다.그럼 프레임워크랑 라이브러리의 차이는 뭘까? 1. Next.js vs React.js , Framwork vs  Library   니꼴라스의 설명에 따르면 라이브러리는 우리가 원할때 필요할때 사용하는것이고 자율성이 있다. 프레임 워크는 유용한 기능들을 제공해서 우리가 그 규칙을 따라 작성하면 그 기능을 사용 할 수 있다는 것이다. 위 내..

Next.js 2024.06.20
반응형