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 같은...

요즘 뭐해? (2023.10.05 ~ 2023.11.07) 들어가며 이번 포스팅의 목적은 자바(JAVA) 기반 풀 스택(프런트엔드, 백엔드) 개발 과정 (2023.05.11 ~ 2023.11.14) 에서 진행된 웹 개발 프로젝트로서, 팀 "오늘만 산다"에서 팀장으로서 활동했던 소중한 경험을 잊지 않고 기록하기 위한 포스팅이다. 프로젝트를 들어간 순...

DispatcherServlet 오류 문제 해결 nio-(host)-exec-1 o.a.c.c.C.Tomcat.localhost./ : Initializing Spring DispatcherServlet ‘dispatcherServlet’ 오류 프로젝트 하는 도중 404 SpringBoot의 기본적인 메핑 문제에 계속 시달렸다… 나중에 또 이런 문...

스프링 부트를 이용한 “Hello World” 출력하기 프로젝트를 들어가면서 스프링 부트에 대해 공부하게 됐다. 김영한 강사님의 강의 자료를 참고하여 공부를 시작했다. 오늘은 스프링 부트를 활용하여 제일 기초 단계인 “Hello World”를 출력해보려고 한다! Spring Initializr를 통해 빠르게 시작하기 https://start.s...