분류 전체보기

제목 : Spring Container, 다른 관점으로 "직접 제작 해보기"부제목 : 오로지 Java 와 "내장 API" 만 사용해서 만들기모든 글을 마무리 하고 나서 작성하는 문단Java 라는 언어를 전제로, 어떠한 언어든지 상관없는 "메타데이터" 라는 주제로 가벼운 프레임워크를 제작했습니다.초급 수준의 입문자라면, 언어의 문법과 콜스택 메모리, 힙 메모리에 대한 이해도가 필요하기 때문에,이 페이지를 "북마크" 하신 후 천천~히 읽으시는 것을 매우 추천합니다.중급 ~ 그 이상 수준의 Java 및 컴퓨팅 이해도를 가지신 분이시라면,다른 시각에서 만들게 된 Light Framework 를 이해하게 만들기 위해 최대한 풀어서 설명했습니다.이 때문에 글이 길어지기도 했습니다.깃허브 링크 주소Custom-Con..

제목 : 도커 안의 MySQL 과 MySQL Workbench 는 어떻게 연결할까?부제목 : 편하게 데이터베이스를 작업하는 방법이 글을 작성하는 이유나는 주로 길 것이 예상되고 분석 혹은 공부가 반드시 뒤따르는 글을 작성하는 편이다.(공식문서 해석 글은 빼고)예를 들어 React 의 근간이 되는 Fiber Architecture 분석이나,모든 HTML 태그를 작성하고 예시를 iframe 을 통해 직접적으로 보여주는 편인데,이는 글이 길고 좁고 깊은 도메인의 지식을 독자들이 따라 올 수 있게 만든다.분명히 "누군가는" 이러한 글이나 내부 지식을 필요로 할 것이다.그러나 그 누군가가 상당수는 아닐 것이다.나는 NestJS 에서 Spring 으로 백엔드 도메인 전문성을 교체하고 있는 중인데,이를 위해 Udem..

제목 : Docker-Compose 란 무엇이고 어떻게 사용하는가? - With Spring & Nginx & MySQL부제목 : 도커를 명령어 없이 쉽게 사용하기 위한 방법이 글을 작성하는 이유나는 NestJS 에서 Spring 으로 백엔드 도메인을 옮기는 상황이다.현재 Udemy 강의 사이트에서 외국 강사 분의 강의를 들으며 미약했던 Spring 의 기억을 끌어올리고 있다.이 강의는 데이터베이스를 MySQL, & Workbench 를 통한 쉬운 스키마 변경을 유도하고 있다.그러나, 나는 서버 운용 상황에서의 유연성을 고려하여 docker container 를 통해 데이터베이스 서버를 3306 로컬 포트에 열고, 이를 연결 할 계획이다.NestJS 에서 Spring 으로 백엔드 도메인을 바꾼 이유는 이..

제목 : docker 는 어떻게 운용되며 실행할까? (Dockerfile + CLI)부제 : Spring 프로젝트와 Nginx 를 섞어보자이 글을 작성하는 이유docker 는 Virtual Machine 의 선택된 가상 OS 가 무겁기 때문에"가벼운 컨테이너" 라는 캐치 프레이즈로 널리 쓰이고 있는 프로그램이다.Singleton 서버에서 마이크로서비스의 시대를 활짝 열어버린 주역이라고 할 수 있다.특히, 각 기능을 담당하는 특화 서버들 간의 통신 속도, 무거운 Guest OS 를 서버마다 설치 할 필요 없이,Docker 만의 OS 수준 가상화를 통해 가벼운 개별 실행을 보장한다.나는 클라우드에 내가 만든 프로젝트 코드를 올려서, 실제 상호작용이 가능한 서버를 만들려고 한다.그런데, 여기서 제약이 생긴다...

제목 : IoC, DI, DIP 들은 무엇인가? - Spring부제목 : 코드로 보는 제어의 역전혹시 궁금한 점이 있으시다면, 언제든지 질문 주시면 환영합니다Email : rhdwhdals8765@gmail.com이 글을 작성하는 이유란제어의 역전이라는 단어는 다양한 프로그래밍 언어를 초월하여,Well Made 된 Back-End 프레임워크에 포함되어 있는 개념이다.제어의 역전이라는 의미는 우리가 작성하는 코드를 프로그램에서 관리하도록 만든다는 그러한 추상적인 개념 또한 포함하지만,정작 프로그래밍 언어를 많이 접하지 못하고, Spring 을 접했을 때는 이해하지 못했다.Spring, 즉, Spring Boot 는 매우 방대한 라이브러리가 포함된 프레임워크이다.내가 NodeJS 분야에서 NestJS 로 프..

제목 : 내가 Node.js 에서 Spring 으로 백엔드 영역을 변경하려는 이유Node.js 환경의 한계점과 지식의 만류귀종내가 이 글을 작성하는 이유는,나는 대학교에서 소프트웨어학으로 시작하여,C, C++, Java 순으로 언어를 배웠다.내가 컴퓨터 언어를 배운 것은 간단했었다.그 당시엔, "컴퓨터" 전공자들은 취업이 쉬웠다는 것.이러한 마인드로 어떻게 공부가 될까,당연히 신입생 시절 공부하지 않고 술마시러 가는 날이 잦았다.학점을 망치고 1학년 2 학기 시작하기 전, 군대를 갔다 왔다.또한, 3학년 2 학기 시작하기 전, 나는 세상이 궁금하여 무작정 사업등록을 하고,남대문의 허름한 지하 사무실을 구해 모았던 종잣돈으로 모든 제품을 가리지 않고 팔았다.양말, 장갑, 모포, 체크무늬 잠옷, 마스크(코로..

제목 : CSS grid 란 무엇이고, 어떻게 사용할까?이 글을 작성하는 이유 :아주 최근에 작성한 CSS 에 대한 글 몇 개와 연동하여알아야 할 지식으로 생각하여 CSS grid 에 대해서 다루게 되었다.이전 글은,미리 알아두면 좋았을 CSS 기초 및 응용 예제CSS 레이아웃, display 에 대해서 알아놓자예제와 함께 알아보는 CSS flex 와 Flexbox위의 3 글이며,레이아웃의 핵심인 Flexbox 와 더불어, Grid 에 대해서도 알아보려고 한다.혹시라도 CSS 에 대해서 잘 모르시는 분이 있다면,위의 3 개의 글을 순차적으로 읽고 오시면 도움이 됩니다.그리고, 질문은 환영이기 때문에,rhdwhdals8765@gmail.com으로 메일을 보내주시면 감사하겠습니다.내가 예제를 블로그에 만드는..

제목 : 예제와 함께 알아보는 flex 와 Flexbox이 글을 작성하는 이유 :다양한 크기의 디바이스가 웹에 접속하는 시대이기 때문에,디바이스 크기에 따른 유연한 확장과 축소가 필수인 시대가 되었다.핸드폰부터 노트북, 커다란 모니터까지 호환이 가능한 스타일링을 추구하는 시대,즉, "반응형 웹 디자인" 이 필수적인 시대가 되었다.2000년대 초중반, HTML 태그를 통해 일방적인 정보의 소통 (Server --> Visitor)이 이루어지며, 우리가 하얀 바탕에 기본적인 태그를 작성했을 때의 스타일이 주를 이루었다.table, ul, ol, li, iframe 과 같은 간단한 태그를 이용하여정보의 가독성을 확보하고자 하였다.그리고 시간이 흘러 2020년 중반이 되었다.제각각의 규칙을 가지고 있었던 사이트..

제목 : CSS 정렬의 핵심, display 속성에 대해서 알아보자부제 : flex, grid, block 등등에 대해서 알아보자.이 글을 작성하는 이유리액트를 배운 적은 정말 많았다.2년전 책으로 리액트를 배울 때도,리액트를 공식문서로 찾아가 배울 때도, 심지어 프로그래머스 부트캠프에서도 리액트를 배웠다.그러나, 페이지 Layout 및 Common Component Design 및 Item Listing 과정에서,"왜 이 컴포넌트의 css 에 display : flex 를 넣는가?" 를 알려주지 않았다.동영상이나 책, 혹은 공식문서에서 알려주는 대로 css 파일을 따라 치는 것은 당연히 문제가 되질 않았다.background, width, height, color, border, .... 등등CSS P..

제목 : 미리 알아두면 좋았을 CSS 기초 및 응용예제부제 : 다시 처음부터 배우기 시작하는 CSS이 글을 작성하는 이유나는 React 를 통해서 웹 제작을 배우기 시작했다.HTML, CSS, JS 의 기초적인 지식보다 먼저 배우게 된 React 강의는뒤이어 알려주게 된 SCSS or SASS 라고 불리는 스타일링 파일을 가르쳐 주었다.당연히 강사에게 잘못은 없지만, 이 파일이 진정한 CSS 형태가 아니며,편의를 위해 개발되었으며, TypeScript 처럼 "트랜스파일링" 이 필요한 파일 이라는 것은생각보다 오랜 시간이 지난 이후에 알게 되었다.나는 CSS 에 대해서는 잘 알지 못한다. DOM 이라는 것을 문서로 배우며, CSSOM 이라는스타일링 객체 모델이 존재한다는 것을 알게 되었지만, 이는 결국 지..