0hyeon

타 마케팅 개발가이드를 보며 라이브러리 설치하여 고객사쪽에서 트래킹하는 함수를 만들어 보기위해 테스트를 진행하였다. 이번기회로 여러 NPM 패키지를 객체지향이 아닌 함수형 프로그래밍으로 만들길 희망해본다. 개발환경$ node -vv18.16.1$ npm -v9.5.1NPM 로컬 로그인 $ npm login$ npm whoamiModule 작성import axios from "axios";interface TrackingData { name?: string; event?: string; sex?: string; type?: string;}async function sendTrackingData1({ name, event, sex, type }: TrackingData) { try { cons..

상태 관리 라이브러리란 무엇? 상태 관리 라이브러리 는 애플리케이션의 상태를 모델링하고 , 여기에서 계산된 값을 도출하고, 변경 사항을 모니터링하는 편리한 방법을 제공합니다. 간단히 말해서, 프런트엔드 프레임워크에서 데이터를 관리하는 것은 데이터베이스만큼 중요합니다. 데이터를 잘 관리하는 상태 관리 시스템을 사용하면 여러 API 호출을 방지하는 데 도움이 됩니다 . 때문에 데이터가 분산되어있는경우, 상태관리툴을 이용해 데이터가 어디에 있는지 정확히 알 수 있어 개발 속도가 빨라집니다 . 전체적으로 데이터를 잘 관리하면 애플리케이션이 더욱 효율적으로 만들어집니다. 데이터를 저장하는 방법의 차이 / 특징 redux는 하나의 store를 가짐 recoil은 여러 개의 atom을 가지는데 여러 개의 저장소를 가..

Husky는 Git 훅 (Git hooks)을 관리하기 위한 도구로, 프로젝트에서 Git 커밋과 같은 이벤트에 대한 자동화 작업을 설정하고 관리할 수 있게 해주는 도구입니다. Husky를 사용하면 Git 작업을 간단히 사용자 지정 스크립트나 명령어와 연결하여 필요한 작업을 수행할 수 있습니다. 사용법은 깃훅이 실행되기 이전에 코드를 돌려주기때문에, 서로 다른 세팅에 어떤 코드 문법이라도 미리 깃훅이 실행되기전에 코드를 획일화 시켜주어, 협업에 도움을 주는 라이브러리 입니다. -설치 -yarn yarn add -D prettier yarn add -D lint-staged husky yarn husky install -npm npm install --save-dev prettier npm install -..

/etc/ssl/private 경로에 ssl-cert-snakeoil.key 개인키 확인 이 파일은 대부분의 Linux 시스템에서 "snake oil" 인증서라고도 불리며, 임시로 사용하기 위한 더미 개인 키와 인증서의 역할을 합니다. 실제 제품 또는 운영 환경에서 사용되는 것은 아니며, 테스트나 개발 목적으로 활용 /etc/ssl/certs 경로에서 sudo openssl req -new -key /etc/ssl/private/ssl-cert-snakeoil.key -out server.csr Country Name ( 국가코드) [] : KR State or Province Name ( 지역 ) [] : Seoul Locality Name ( 시/군/구 ) [] : 회사구 Organization Na..

아파치 웹서버 설치하기 1. 패키지 목록 업데이트 $ sudo apt-get update 2. 아파치 설치 $ sudo apt-get install apache2 3. 설치 진행 화면에서 "y" 입력 후 진행 3. 설치 완료 후 확인 $ sudo service apache2 status * 처음 설치가 완료되면 active 상태로 된다. 4. 아파치 서비스 실행 및 중지하기 $ sudo service apache2 start $ sudo service apache2 stop 아파치 서버의 기본 디렉토리 /var/www/html/index.html 서버의 공인(public) ip 로 접속시 default 페이지(index.html)가 나온다면 정상적으로 서비스가 되고 있는상태이다. * 아파치 웹서버 동작을..

우분투환경에서 웹서버 설치과정중, 나온에러다. 우분투 접속후, /etc/apache2/apache2.conf 파일에서 맨마지막에 Servername 127.0.0.1 을 추가하면 된다.

보호되어 있는 글입니다.

Vercel로 배포시 나오는 에러메시지로 다음과 같이 나오는경우 의 해결방법을 소개합니다 ! Prisma has detected that this project was built on Vercel, which caches dependencies. This leads to an outdated Prisma Client because Prisma's auto-generation isn't triggered. To fix this, make sure to run the `prisma generate` command during the build process. Learn how: https://pris.ly/d/vercel-build PrismaClientInitializationError: Prisma ha..

회사에 들어가게되며, 맡은업무가 웹크롤링을 배정받았는데, 사실 서버배포며, 웹서버api 띄우고 만드는거며 기술스택이며, 프론트엔드 분야는 아니었기때문에, 시행착오를 남기지않기위해 작성했습니다. *로컬에서는 잘작동될지 몰라도 크롤링 기능을 배포할때는 크롬설치와 웹드라이버를 설치환경 세팅해줘야합니다. 환경 - ubuntu linux - python 3 1. Selenium 설치 sudo pip install selenium aws 접속 후 명령어를 입력한다 1. Chrome 설치 순서대로 명령어를 입력한다. wget -q -O - https://dl-ssl.google.com/linux/linux_signing_key.pub | sudo apt-key add - sudo sh -c 'echo "deb [ar..

Nextjs에서 StyleComponets를 사용하면 뜨곤하는 에러라고한다 서버와 클라이언트의 클래스명이 다른 것이 원인이다. Next.js는 첫 페이지 로드가 SSR로 동작하기 때문에, 서버에서 생성된 컴포넌트와 CSR로 클라이언트에서 생성된 컴포넌트의 클래스명이 서로 달라지게 된다. 이렇게 환경에 따라 달라지는 className을 일관되게 해주는 것이 바로 babel-plugin-styled-components이다. yarn add -D babel-plugin-styled-components 설치후 .babelrc 작성 { "presets": ["next/babel"], "plugins": ["babel-plugin-styled-components"] }