Vue + SpringBoot + Mysql 를 이용한 Todo 구현(1) - 프로젝트 구성하기 Vue + SpringBoot + Mysql 를 이용한 Todo 구현(2) - 프로젝트 환경 설정하기 Vue + SpringBoot + Mysql 를 이용한 Todo 구현(4) - Todo API 개발하기(2) Vue + SpringBoot + Mysql 를 이용한 Todo 구현(5) - Todo 화면 개발하기(1) - 컴포넌트 구성 Vue + SpringBoot + Mysql 를 이용한 Todo 구현(6) - Todo 화면 개발하기(2) - Vuex 적용 (끝) Vue + SpringBoot + Mysql 를 이용한 Todo 구현(7) - Todo 화면 개발하기(3) - 화면 개발 이번 글에서는 BackEn..
Vue + SpringBoot + Mysql 를 이용한 Todo 만들기(1) - 프로젝트 구성하기 Vue + SpringBoot + Mysql 를 이용한 Todo 구현(3) - Todo API 개발하기(1) Vue + SpringBoot + Mysql 를 이용한 Todo 구현(4) - Todo API 개발하기(2) Vue + SpringBoot + Mysql 를 이용한 Todo 구현(5) - Todo 화면 개발하기(1) - 컴포넌트 구성 Vue + SpringBoot + Mysql 를 이용한 Todo 구현(6) - Todo 화면 개발하기(2) - Vuex 적용 (끝) Vue + SpringBoot + Mysql 를 이용한 Todo 구현(7) - Todo 화면 개발하기(3) - 화면 개발 이전글 에서는 F..
Vue + SpringBoot + Mysql 를 이용한 Todo 구현(2) - 프로젝트 환경 설정하기 Vue + SpringBoot + Mysql 를 이용한 Todo 구현(3) - Todo API 개발하기(1) Vue + SpringBoot + Mysql 를 이용한 Todo 구현(4) - Todo API 개발하기(2 Vue + SpringBoot + Mysql 를 이용한 Todo 구현(5) - Todo 화면 개발하기(1) - 컴포넌트 구성 Vue + SpringBoot + Mysql 를 이용한 Todo 구현(6) - Todo 화면 개발하기(2) - Vuex 적용 (끝) Vue + SpringBoot + Mysql 를 이용한 Todo 구현(7) - Todo 화면 개발하기(3) - 화면 개발 블로그를 하면서..
주로 화면 개발을 하다 보면 JavaScript 에서 null이나 undefined 체크를 해야 하는 경우가 있다. 자주 사용하는데 사용할 때마다 까먹고 헷갈릴 때가 많다, 블로그 정리를 통해서 머리에 넣어두려고 한다. 1. Undefined 체크 function undefinedCheck(value){ //올바른 체크 if(value == undefined){ ... } //올바르지 않은 체크 if(value == "undefined"){ ... } } 만약 ""(쌍따음표)를 통해서 비교를 하고자 한다면 아래와 같이 typeof 를 사용하여 비교한다. function undefinedCheckStr(value){ //올바른 체크 if(typeof value == "undefined"){ ... } //..
최근에 이직한 회사에서 개발 업무마다 다르지만, 일단 OJT 기간에 개발은 Nexacro 플랫폼을 사용하게 되었다. 개발자로서 nexacro, 웹스케어, xPlatform 등 이름만 들어보고 사용은 해보진 못 하였다. 소스를 받고, 넥사크로 스튜디오를 통해 확인을 해보았는데... 일단... 투비소프트에서 제공하는 온라인강의도 있고 넥사크로 공식 커뮤니티를 참고하여, 넥사크로에 대해서 기초적인 부분부터 익혀보고자 했다. 배워두면 언제든지 사용할 수 있을거니 간략하게 기록해서 업무에 지장이 없도록 정리를 하고자 한다. 해당 글에서는 정돈되지 않은 메모장 느낌으로 정리를 하고 추후에 시간이 괜찮다면 깔끔하게 정리를 하도록 노력(대충 언제 할지 모른다는 말...)해야겠다. 1. 정리 - 빨간색 : 소문자 + 대..
이전에 마이데이터를 사용한 서비스를 개발에 참여하고, 오픈까지 경험을 해보았다. 참여하기 전 까지는 마이데이터 란 용어도 들어보지 못했었는데, 개발도 해보고 계속해서 관련된 업무를 진행하게 될 것 같아 용어에 대해 정리해보고자 한다. 1. 마이데이터(MyData)란? - 마이데이터는 개인 데이터의 관리와 활용 권한이 정보주체인 개인(자신)에게 있음을 강조하는, 개인데이터 활용 체계. - 개인데이터의 활용처와 활용범위 등에 대한 정보주체의 능동적인 의사결정을 지원함으로써 개인정보 자기 결정권을 보장. 예를 들어, 많은 플랫폼을 사용하다 보면 "개인정보 이용과 수집에 동의하시겠습니까?" 라는 것을 볼 수 있다. 이 질문을 통해 플랫폼 기업은 사용자의 데이터를 수집하여 이용할 권리를 가진다. 조금 더 구체적으..
최근에 금융서비스 기업으로 이직을 하게 되면서, 이전 SI 회사에서는 들어보지 못한 금융 IT 용어들이 많았다. 업무에 참고하고자 해당 용어들을 정리하며, 기록하려고 한다. 1. EAI(Enterprise Application Integration) - 엔터프라이즈 미들웨어를 인프라로 하여 다양한 기업의 환경(에플리케이션/데이터/네트워크 등)을 통합하여 하나의 시스템으로 관리/운영할 수 있는 시스템. - 금융업권(은행계)에서 채널계와 계정계는 대부분 EAI를 통해 연계된다. - 시스템 구조나 개발언어가 다를 수 있어서 어댑터를 사용한다. 2.ESB(Enterprise Service Bus) - SOA에서 사용되는 개념. - EAI와 유사하게 사용된다.(기관 간, 서비스 간 연계) - SOA 개념을 도입하..
1. Join(조인) 이란? - 한 데이터베이스 내의 여러 테이블의 레코드를 조합하여 하나의 열로 표현한 것 - 즉, 둘 이상의 테이블을 연결해서 데이터를 검색하는 방법 - 테이블로서 저장되거나, 그 자체로 이용할 수 있는 결과 셋을 만들어 낸다. - 아래 그림은 조인을 쉽게 이해하기 위한 그림이다. - Join의 종류 INNER JOIN : 내부조인(교집합) LEFT/RIGHT JOIN : 부분집합 OUTER JOIN : 외부조인(합집합) 2. DB에서의 조인 필요성 - 관계형 데이터베이스의 구조적 특징으로 정규화를 수행하면 의미 있는 데이터의 집합으로 테이블이 구성되고, 각 테이블끼리는 관계(Relationship)를 가진다. - 이와 같은 특징으로 관계형 데이터베이스는 저장 공간의 효율성과 확장성이..
1. Transaction(트랜잭션)이란? - 데이터베이스의 상태를 변환시키는 하나의 논리적 기능을 수행하기 위한 작업의 단위 - 데이터베이스의 작업 중 한꺼번에 모두 수행되어야 할 일련의 연산들을 의미 - 예를들어, 게시판으로 생각해자면 다음과 같다. 게시판 목록을 확인한다. 사용자는 새로운 게시글을 작성하고, 저장 버튼을 누른다. 게시판 목록에서 작성자가 작성한 글이 포함된 목록을 확인한다. - 이러한 과정들이 모두 합쳐서 "게시판 작성" 이라는 하나의 작업 단위를 구성한다. 2. 트랜잭션의 정의 - 트랜잭션은 데이터베이스 시스템에서 병행 제어 및 회복 작업 시 처리되는 작업의 논리적 단위 - 사용자가 시스템에 대한 서비스 요구 시 시스템이 응답하기 위한 상태 변환 과정의 작업 단위 - 하나의 트랜잭..
0. 결론 - 자세히 알아보기 전에, 간단하게 쿠키와 세션에 대해서 공통점 및 차이점은 아래와 같다. 쿠키(Cookie) 세션(Session) 공통점 웹 통신간 유지하려는 정보(ex: 로그인 정보 등)를 저장하여 사용 차이점 - 개인 PC(브라우저) 에 저장 - 보안 취약 - 속도가 빠름 - 웹 서버에 저장 - 보안 유리 - 속도가 느림 1. 쿠키와 세션을 사용하는 이유 - 기본적으로는 HTTP 프로토콜의 특성이자 약점을 보완하기 위해서 쿠키 또는 세션을 사용. - HTTP 프로토콜 환경은 "connectionless, stateless" 한 특성을 가지기 때문에, 서버는 매번 클라이언트가 누구인지 확인이 필요. Connectionless(비연결 지향) - 클라이언트가 서버에 요청(Request)을 했을..