⛔ 문제 상황 갑자기 잘 되던 Node.js 서버에서 한 기능이 안되기 시작했다. PS C:\Users\user\Documents\GitHub\github-actions-auto> npm run dev npm ERR! Missing script: "dev" npm ERR! npm ERR! To see a list of scripts, run:...

⛔ 문제 상황 key 설정을 하고 실행하려니 key길이 문제 발생 ssl.SSLError: [SSL: EE_KEY_TOO_SMALL] ee key too small (_ssl.c:3900) 배포 공부를 위해 도커(Docker) 활용 및 배포 자동화 실전 초급 ② - Jupyter Notebook 설치, HTTPS 적용, 시스템 서비스 설정하...

PCCE 프로그래머스 코딩필수역량인증시험 취업준비를 하면서 코딩테스트 또한 필수라는것을 알게되었다. 이를 통해 프로그래머스 코딩테스트를 찾아보는 과정 중 PCCE 기출문제에 접하게 되었다. 다른 문제들과 다르게 좀 특이한 점들이 있었다. 빈칸 채우기, 1줄 수정과 같이 재미있게 접근이 가능했다!! 1. 출력 엥? 할정도로 너무 쉬었던 ...

AWS를 공부하게 된 계기 현재 팀 프로젝트(Public Scedule)를 진행하는 중이다. 전 팀 프로젝트는 배포까지 못한 아쉬움이 남고 끝나버렸다. 아쉬움을 풀고싶어 현 프로젝트는 배포까지 하기로 결심했다. 배포에 관한 정보들을 찾고 AWS(Amazon Web Services) 를 선택한 이유는 비용적,보안,유연성 및 확장성이 다른 플랫폼에 비...

⛔ 문제 상황 잘 쓰던 깃 허브 블로그에 문제가 생겼다. 이러한 build 문제가 자꾸 생기면서 오류가 뜨고 해당 페이지를 찾으면 404 에러 메시지가 떴다. 문제를 자세히 살펴 보았다. Error: The process ‘/opt/hostedtoolcache/Ruby/3.3.0/x64/bin/bundle’ failed with ex...

🧐 깃 허브 꾸며야 될까?… 안녕하세요. 올해 개발자 풀 스택 개발 과정을 수료 후 취업을 준비 중인 개발자입니다. 이 글이 나중에 나한테, 또는 누군가한테 도움이 될까 기록을 남깁니다. 필자가 깃 허브를 꾸민 이유 어느 기업이든 필수적으로 보는 깃 허브 페이지 개발의 관심도를 어필할 수 있는 프로필 치열한 경쟁 속 차별화된 나의 깃 ...

리액트 state란?? state는 컴포넌트 내에서 지속적으로 변경이 일어나는 값들을 관리하기 위해 사용된다. 사용자의 입력에 따라 새로운 값으로 자동 재랜더링이 되며 변경이 가능하다. 이해하기 쉽게 설명하면 html에서 변동 시 자동으로 반영되게 하려고 이 state를 사용한다고 생각하면 될 거 같다. useState() impo...

JSX 란? 리액트를 시작한다면 필수적인 JSX 문법!! 정의에 대한 설명은 리액트 공식 페이지 에 너무 잘 나와있기에 간단하고 이해하기 쉽게 정리하고 넘어가겠습니다! JSX는 뭐고 이거를 왜 사용할까? react는 js 안에서 코드를 짜기에 html 언어의 기존의 사용하는 문법을 사용한다면 충돌되는 가능성이 있기에 이를 ...

리액트를 공부하게 된 계기 취업을 준비하면서 리액트에 관심을 갖게 되었다. 아무래도 기업에서 리액트, 뷰 등 사용하는 개발자를 원하기 때문이다. 아무래도 기존에 사용했던 방식과 다르기 때문에 강의자료가 필요했다. 그래서 찾아보다가 코딩 애플님의 강의를 찾게 되어서 이분 강의를 통해 배우고 느낀 점들을 하나씩 기록해 볼 생각이다. 리액트란? 네이버...

웹소켓이란? 웹소켓(WebSocket)은 클라이언트와 서버(브라우저와 서버)를 연결하고 실시간으로 통신이 가능하도록 하는 첨단 통신 프로토콜이다. 쉽게 말해, 웹소켓은 Socket Connection을 유지한 채로 실시간으로 양방향 통신 혹은 데이터 전송이 가능한 프로토콜이다. 오늘날 채팅 어플리케이션, SNS, 구글 Docs, LOL 같은 멀...