간만의 포스팅이다. Spring boot 공부를 쉬엄쉬엄하면서 나름의 휴식 기간을 갖던 중에 친구에게 한가지 요청을 받았다.내가하는 게임 특성상 여러 캐릭터를 육성해야 하는데, 일간 및 주간에 돌 수 있는 컨텐츠가 한정적이다. 따라서 매주 얼마나 컨텐츠를 진행했는지 확
지난번에 DB에 데이터를 넣는 것 까지 구현했었다. DB를 다룰 수 있게 되어 게시물 조회/추가/수정/삭제를 해보았다. 이 과정에서 짚고 넘어가야할 부분을 설명해보고자 한다. 우선 시작 전에 이전에 했던 세팅을 모두 따라해주도록 하자. Entity, Repositor
서비스를 만들어보려면 코드를 이해해야 한다. 이번 포스팅은 기본 프로젝트를 이해하고 API를 간단하게 사용해보려 한다.주의깊게 볼 구조는 다음과 같다.우선 Program.cs를 확인해보자.var app = builder.buld(): builder라는 object에 의
이번에 인턴을 하면서 C# 기반의 .net Core 웹개발을 하게 되었다. 실무에서 어떻게 사용할지 Mac으로 간단하게 공부하기 위해 포스팅을 시작한다. 시작하기 시작하기 전에 .net core sdk를 설치해주어야 한다. brew가 설치되었다는 가정 하에 설명해보고
오늘은 MVC중에서 Models를 공부해보고자 한다.백엔드 서버와 DB를 연동하는 것은 서버의 기초라고 할 수 있다.기존에 사용했던 nodeJS는 mySQL DB를 연동하여 서버를 구현했었다. 세팅은 npm에서 mysql을 받아 설정을 했었는데, 직접 사용하려면 ORM
저번 포스팅 때는 static 폴더에서 화면을 로드해주는 코드를 사용했고, controller로 get방식으로 화면을 띄워주는 방법을 사용했다. MVC패턴의 C를 한 것이다.이번엔 V의 View 설정부터 화면을 띄워주기 위한 JSP를 연동하는 것까지 해보고자 한다.\+
백엔드에서 기초적으로 사용하는 MVC 패턴에 대해 공부해보고자 한다. MVC패턴이란 Model, View, Controller의 패턴을 기반으로 프로젝트를 구현해야 한다는 일종의 규칙이다. Model은 DB, View는 프론트 화면, Controller는 API같은
이번 프로젝트는 지금까지 배운 내용들을 사용하여 프로젝트를 진행하는 것이다. 에듀키트를 주축으로 사용자가 3D로 기계 상태를 확인하고 제어하는 것이 이번 프로젝트의 주제이다.나는 nodeJS로 서버를 구현하여 DB를 관리하고 사용 기록을 관리하는 일을 맡았다. 우선,
다음 진도를 나가기전에 github에 코드를 업데이트하기 위해 git을 세팅해보았다. 그런데 inteliJ는 VSCode와 달리 쉽게 연동되지 않았다...git 셋업을 할 때 github desktop을 사용하여 원격 Repository와 클론한다. 클론하여 생긴 폴더
서버 개발을 NodeJS의 Express로 하고 있었는데 최근에 Java로 개발을 꼭 해야겠다고 느꼈다.처음 생각으로는 NodeJS -> TypeScript -> NestJS 순으로 배우고 경력을 쌓은 다음에 Java 스택을 쌓아보자는 생각을 했었다. 그런데 최근 면접
이번 프로젝트는 iot를 이용하여 세콤같은 안전 잠금장치를 만드는 것이다. 이를 위해선 라즈베리파이와 서버(frontend)의 실시간 통신이 필요했다.기존에 사용해보았던 socket 통신으로 구현이 가능할 것 같기도 했지만 이번엔 mqtt를 사용해보고자 했다.MQTT(
프로젝트의 기능을 테스트까지 간단하게 끝내고 난 후에 "내 서버는 완벽해!" 라고 생각하며 프론트엔드 쪽을 보고 있었다. 그런데 프론트에서 자꾸 500 error로 응답이 가는 현상을 발견했다. 분명히 들어온 값이 잘못 들어왔는데 서버 문제라고 하니 골치가 아팠다. 또
웬만한 사이트들은 회원을 관리하기 위해 회원가입 및 로그인 기능이 있다.이번 포스팅에서는 우리가 이용한 회원 관리와 인증을 설명하고자 한다.앞전에 배웠던 로그인 기능으로 세가지가 있다. 1\. passportJS로 로그인을 한다. 2\. JWT를 발급하여 로그인한다
이후부터는 API 구현 전략과 그에 맞는 기능을 설명할 것이며, MVC패턴으로 프로젝트를 어떻게 구조화했는지 설명하고자 한다.입력한 이메일이 중복되는지 확인random 코드 생성 (ascii code를 사용하여 6자리 뽑기)입력한 이메일로 메일을 전송보낸 코드와 서버의
드디어 첫 프로젝트를 진행하였다.이 프로젝트 전에 미니 프로젝트 하나를 팀원 한분과 작업했었는데 도중에 정식으로 프로젝트를 진행하라해서 미니 프로젝트를 미뤄두었다.처음에는 둘 다 할 수 있을 줄 알았는데, 막상 진행을 다 해보니 GitHub부터 마지막에 구현한 Sock
git은 많은 개발자들이 사용하는 버전 관리 시스템 중의 하나이다.프로젝트를 계속 수정함에 있어서 수정하기 이전의 버전을 관리하는 일은 중요하다. 가령, 잘못된 수정으로 이전에 작업하던 환경으로 되돌려야 하는데 버전 관리가 되어있지 않다면 상당히 어려운 작업이 될 것이
Json Web Token의 약자로, 토큰으로 웹서버로의 요청을 인증받는 하나의 인증 방식이다.이전에 우리가 다루었던 cookie & session 로그인 방식은 인증 요청을 할 때마다 세션DB에 있는 사용자 정보를 조회해야 했다.그러나 jwt는 모든 요청에 같이 보내
실습 도중에 입력 값을 테이블에 삽입하는 예제가 있었다.JS와는 달리 v-model로 바인딩한 변수가 input이 바뀔 때 마다 테이블에 실시간으로 바뀌는 것을 확인하였다.이는 v-model의 데이터 바인딩이 양방향 바인딩이기 때문이다.양방향 바인딩에 대한 링크편리하긴
필기 내용 Vue API 공식 문서 필요한 API를 직접 찾아보는 습관을 길러보자. 여러가지 갖다 써보면서 익히는게 좋을 것 같다. https://v3.router.vuejs.org/kr/api/#router-link 라우팅하는 방법 views에 vue 파일 생성