홍가의 코딩공부

안녕하세요 홍 가 입니다. 오늘은 TypeScript에 대해서 공부를 하려고 합니다. 우선 가장 기초적인 interface와 type에 대하여 설명을 해드리려고 합니다. 객체 타입의 이름을 지정해주어야 하는데요 interface와 type으로 지정을 해주게 된다면 코드도 간편하게 사용이 가능하고 간략해집니다. 주 차이점은 interface는 {}로 하고 type은 = {}로 해야 합니다. IDE에서도 다르게 나타납니다. interface는 내부 정보는 제공해주지 않고 type은 타입 객체의 내부 정보를 제공해 줍니다. 선언적 확장 interface는 extends로 선언적 확장이 가능합니다. type은 &로 선언적 확장이 가능합니다. interface는 자동확장이 가능하지만 type은 자동확장이 가능하지..

Project (Next) 2023. 8. 22. 23:14

안녕하세요 홍가 입니다. 오늘은 Next.js에 대해서 알아보려고 합니다. Next.js란 리액트를 위해 만든 오픈소스 자바스크립트 웹 프레임 워크입니다. 리액트에는 없는 서버 사이드 렌더링(SSR), 정적 사이트 생성(SSG)등 다양한 기능을 제공해줍니다. 우선 저는 포트폴리오를 Next.js로 만들었습니다. Next.js는 파일명을 함수와 다르게 지어도 인식이 됩니다. css도 파일 css, module.css, styled.css, global.css 여러가지로 사용이 가능합니다. 저는 첫 화면이 너무 마음에 들었습니다. Next.js 파일을 생성 후 나오는 첫 페이지인데 깔끔하니 좋습니다. 넥스트의 장점 중 하나는 페이지 이동시 파일이 없으면 404 Err 페이지를 만들어줍니다. 넥스트는 리액트와..

Project (Next) 2023. 6. 19. 13:48