본문 바로가기

전체 글

(35)
pm2 로 Next.js 프로젝트 배포하기 pm2?배포한 환경에서 백그라운드에서 서비스를 안정적으로 운영할 방법을 찾던 중, Next.js를 배포한 개발자들이 PM2를 사용해 애플리케이션을 관리하고 있는 것을 발견했습니다. 이를 통해 PM2가 서비스를 백그라운드에서 안정적으로 실행하고 관리하는데 유용하다는 것을 알게 되었습니다. PM2는 애플리케이션을 재시작, 모니터링, 로드밸런싱 등의 기능을 제공하여, 특히 프로덕션 환경에서 서버의 안정적인 운영을 보장해 줍니다. 애플리케이션 실행 및 관리: 여러 Node.js 애플리케이션을 쉽게 실행하고, 중단 없이 자동 재시작애플리케이션 모니터링: 애플리케이션의 메모리, CPU 사용량 등을 실시간으로 모니터링.로드 밸런싱: 클러스터 모드로 다중 CPU 환경에서 애플리케이션을 효율적으로 실행.로그 관리: 애플..
패스트캠퍼스 프론트엔드 개발 8기 부트캠프_과정종료회고 끝..?시간 진짜 왜 이렇게 빨리 가는지 모르겠다. 벌써 9월이고, 수료를 앞두고 있다니.  2월의 나랑 비교해 보면, 9월의 나는 확실히 이거 저거 할 수 있는 게 많아진 것 같다. 참 신기한 일이다. 어영부영 정신없이 국비 과정을 지나오긴 했지만, 그래도 이제는 뭔가 할 수 있는 프론트엔드 개발자가 된 것 같은 느낌이다. 물론 아직 갈 길이 멀긴 하지만. 그 사이에 벌써 취직한 사람도 있고, 파이널 프로젝트에 열심히 매달리고 있는 사람들도 많다. 다들 각자의 방식으로 개발자라는 꿈을 위해 한 발자국씩 나아가고 있는 모습이 보기 좋다. 지금 열심히 이력서 쓰는 중이다. 패스트캠퍼스에서 이력서랑 포트폴리오를 보완해 주시는데,진짜 간단 명료하게 알려주셔서 도움이 많이 된다.그런데도 요즘 취업 시장은 진짜 ..
eslint Next.js 프로젝트 환경설정하기 Next 설치하기node.js 설치하면 깔려있음 npx create-next-app Typescript -> YesEslint -> YesTailwind Css -> Yessrc/ -> NOApp Router -> Yesimport alias -> NoEslint 설치 하기npm install --save-dev typescript @typescript-eslint/parser @typescript-eslint/eslint-plugin eslint eslint-config-airbnb eslint-plugin-import eslint-plugin-react eslint-plugin-react-hooks eslint-plugin-jsx-a11y eslint-config-..
패스트캠퍼스 프론트엔드 개발 8기 부트캠프_기업연계 파이널프로젝트 파이널 프로젝트!드디어 과정의 거의 막바지가 되었다. 9월 말 이면 치르게 될 수료로 가는 마지막 관문이 바로 기업연계 파이널 프로젝트이다내가 처음에 패스트캠퍼스를 선택했던 이유도 이 프로젝트 때문이었는데, 사이드 프로젝트를 소소하게 하다 보면 생기는 문제가 여럿 있다. 첫 번째로는 다른 분야의 개발자와 협업할 기회가 적다는 것기획부터 디자인, 기능 개발까지 해야 하는데, 우리가 처음부터 끝까지 하는 것도 큰 경험이지만,실무에 나가면 적어도 기획과 디자인은 나누어져 있는 경우가 많다. 그런 협업 과정을 그 과정을 좀 미리 체험해 볼 수 있는 좋은 기회이다. 패스트 캠퍼스 에는 개발 직군 말고도 PM과 UX/UI를 배우는 분들도 계시는데 그분들과 협업하면서또, 기획과 디자인은 어떻게 하고 진행되는지도 간접..
운영체제 운영체제 (OS : Operating System)?window, unix : 컴퓨터 운영체제Android, IOS : 모바일 운영체제컴퓨터의 자원을 효율적으로 관리사용자와 컴퓨터 하드위어 간의 인터페이스 : 다른 응용 프로그램이 유용한 작업을 해줄수 있도록 환경제공.OS 의 목적 : 운영체제의 성능을 평가하는 기준처리능력 Thought Put 반환시간 Turn Around Time사용 가능도 Availability신뢰도 Reliability한번에 처리할수있는 일의 양작업을 의뢰한 시간부터 처리 완료되는 시간사용 할 필요가 있을시 즉시 사용할수 있는 빈도주어진 문제를 정확히 해결하는 빈도높을수록 좋음낮을수록 좋음높을수록 좋음높을수록 좋음 🌼 OS 의 기능 프로세서, 기억장치, 입출력장치, 파일 & 정보..
미니프로젝트 이미지 보호되어 있는 글입니다.
패스트캠퍼스 프론트엔드 개발 8기 부트캠프_campCON 캠프콘 ? 매달 마지막 주 화요일 저녁 7시부터 10시까지 열리는 캠프콘(CampCON)은 올해 초 부터 시작한 패스트캠퍼스의 온라인 컨퍼런스이다.다른 주제로 매달 그 주제에 해당하는 IT 전문가들이 나와 여러가지 실무 팁이나, 개발 트렌드 에 대해 자세하게 알려주신다.참가하는데 제한이나 들어가는 비용은 없고, 선착순 인지라 미리 등록하는것이 제일 좋다.https://ousnf7mqsc4.typeform.com/to/jFR6HBxj 여기에서 신청하면 미리 알람을 받을 수 있다. 7월달이 아마 프론트엔드 차례인걸로 알고있는데, 나도 미리해두고 알람 받아 참여할 생각이다.4월달에도 프론트엔드 에 관련된 주제 였었는데 신입/주니어 한테 많은 도움이 되었던 강의 라서 좋았던 기억이 있다.  강연 및 프로그램 앞..
미니프로젝트 - 2주차 중간 보고 0. 주간 목표form 컴포넌트 완성 [ ✔ ]cva 적극 활용하기 [ ✔ ] 1. Form 생성 & 페이지 라우팅하기   2. CAV 를 통한 tailwind 기능 활용하기   3.기타 레이아웃 반응형 으로 만들기4. 느낀점 이번주는 안써본 기능을 위주로 써본다는 마인드로 cva 를 많이 건들여봤는데, cva 룰쓰면 다른 편의기능을 위해서 또다른 설정을 해줘야한다는것을 알았습니다(그..그만..) cav 에서 tailwind 자동완성 ( tailwind  CSS IntelliSense : VSCode extension ) 기능을 사용할려면 환경 변수를 또 따로 지정해줘야한다는것을 알았습니다. 안해도되지만 안하면 굉장히 귀찮아 집니다. 그냥 한번 설정하는게 낫습니다.https://xionwcfm.tisto..