url 자동 인식 Autolink 적용 (React)개발하던 중 특정 스트링에서 url을 자동으로 인식하여 링크를 걸어줄 필요가 있었다. 정규식을 사용해서도 많이 하지만 이러한 기능을 제공하고 있는 오픈소스가 있어서 사용해보았다.May 9, 2022May 9, 2022
Nestjs typeorm 적용(typescript)Nestjs로 구현하고 있던 backend에 typeorm을 적용하여 사용하기로 하였다. 기본적인 mysql driver만을 사용할까도 생각했지만 typeorm이 데이터베이스를 하나의 class처럼 다루고 typescript와 호환이 좋은 점이…Apr 6, 2022Apr 6, 2022
Nextjs Image loading, error handlingNextjs Image를 사용할 때 사진의 경로가 잘못되거나 사진 파일이 잘못 되어서 사진을 불러오지 못할 경우가 있다. 그럴 경우 처리를 해주지 않으면 사용자 입장에서 에러 발생이 너무 티나게 되고 보기에 좋지 않다.Apr 1, 2022Apr 1, 2022
html/css — form, input<form>은 정보를 제출하기 위한 대화형 컨트롤을 포함하는 문서 구획을 나타낸다. 중첩해서 사용해서는 안 되고 input tag와 함께 사용된다.Mar 25, 2022Mar 25, 2022
Nextjs 환경변수.env 파일을 생성하고 환경변수를 사용하려고 했는데 환경변수 값을 가져오지 못하고 undefined로 출력되던 문제가 있었다. 또 getServerSideProps 함수 내부에서는 환경변수가 제대로 출력되었고 CSR 부분에서만 undefined로…Mar 25, 2022Mar 25, 2022
getStaticProps(SSG) vs getServerSideProps(SSR)Next.js 9.3 버전부터 getInitialProps가 getStaticProps, getServerSideProps, getStaticPaths로 분리되었다.Mar 25, 2022Mar 25, 2022
NextJS예전부터 사용해보고 싶던 NextJs를 이용해서 새롭게 프로젝트를 진행하게 되었다. NextJS에 대해서 대략적으로 알아보고 시작하려고 한다. 앞으로 개발과정에서 생기는 문제점들과 해결과정들을 간단히라도 정리해보려고 한다!!Mar 25, 2022Mar 25, 2022
6. Elastic search — 데이터 indexing, 연동(monstache)앞에서 알아본 analyzer, setting, mapping을 적용시켜 데이터를 indexing시켜 보도록 하겠다.Oct 7, 2021Oct 7, 2021