전체 글

한걸음 한걸음 꾸준한 학습을 지향합니다.
FrontEnd

AWS Lambda 란 무엇인가?

Lambda Lambda(람다)란 AWS에서 제공하는 Serverless(서버리스) 컴퓨팅 플랫폼이다. Serverless Serverless 란 서버가 "없다" 가 아닌 서버를 "신경쓸 필요 없다" 로 이해하면 편하다. 개발자는 서버가 터지진않는지 잘돌아가고있는지 상관할 필요없이 코드에만 집중하며 개발할수 있다는 장점이 있다. 람다 언제 쓰면 좋을까? 코드를 계속 실행시키기보단 특정 트리거에 의해 실행시키는 경우 람다를 보통 사용한다. Lambda 단점 리소스 제한 메모리 제한 최대10GB. 처리시간 최대 900초 제한 하나의 함수가 한번 호출될때 최대 10GB 메모리 까지 사용이 가능하며 처리시간은 최대 15분 Stateles Lambda 함수는 이벤트에 의해 호출될 때 마다 새로운 환경에서 호출된다..

Next.js

Next.js - Next.js 13 Metadata 동적 생성하기 (with 13.4 version)

Nextjs 가 버전이 올라가면서 제일 좋았다고 느낀것은 개인적으로 Metadata 주입 관련된것이었습니다. 기존 page route 방식에선 page route 안에서 index.tsx 컴포넌트에 태그를 직접 넣어야했어서 이것이 UI컴포넌트인지 아니면 SEO를 위한 컴포넌트인지 헷갈릴 수 가 있습니다. Next.js 13 버전으로 올라오면서 app directory 를 사용하면서 이부분은 어느정도 해결이 된 것 같습니다. Nextjs 를 app route로 선택하고 create next app을 하면 생성되는 layout.tsx 파일입니다. app 폴더안 최상단에는 무조건 루트레이아웃이 존재해야하며 이 루트레이아웃이 기존 _document.tsx,_app.tsx 를 대체합니다. export const..

Javascript

Javascript - 널 병합 연산자 "??"

??(널 병합 연산자) 란 변수가 null 이나 undefined 인 경우 기본값을 반환하고 null 이나 undefined가 아닐경우 변수의 값을 반환한다. const name = null ; const defaultName = '태진'; const displayName = name ?? defaultName; console.log(displayName) // "태진" const age = 25; const defaultAge = 18; const validAge = age ?? defaultAge; console.log(validAge); // 25

Next.js

Next.js - Nextjs 13 정리 (1)

Next.js 가 이번에 새롭게 버전이 올라가면서 많은것들이 바뀌게 되었다. 이젠 page directory 라우팅방식과 app directory 두가지를 사용 할 수 있으며 app directory 를 사용할경우 metadata API, nested layout,등을 사용 할 수 있습니다. 또한 모든 컴포넌트는 기본적으로 서버컴포넌트가 되며 클라이언트 컴포넌트로 변경하고싶은경우 해당 컴포넌트 맨 위에 "use client" 를 추가해야 합니다. 클라이언트 컴포넌트에 서버컴포넌트를 import 하는것은 제한된다. 'use client' // This pattern will **not** work! // You cannot import a Server Component into a Client Compon..

avalanche-
정태진 개발블로그