티스토리

Adrian's Web Page

검색하기

블로그 홈

Adrian's Web Page

adrian0220.tistory.com/m

gyulee0220 님의 블로그입니다.

구독자: 5

방명록 방문하기

주요 글 목록

#3. [Node.js] 웹 어플리케이션 개발 - 레이아웃 1. 레이아웃 설정 Nuxt.js를 통해 기본 레이아웃을 설정해보자. 앞서 웹앱을 설치하는 이유를 Navigation Bar와 같이 모든 페이지에서 공통적으로 쓰이는 요소의 개발을 위해 사용한다고 안내했다. 이제 설치는 완료가 되었으므로 실제로 구현을 해야한다. 그러기 위해서 사용하는 것이 바로 레이아웃 설정이다. Nuxt.js 공식 홈페이지를 살펴보면 다음과 같은 경우에 레이아웃을 사용하라고 안내가 되어 있다. - 사이드바를 포함할 지 또는 모바일 및 데스크톱을 위한 개별 레이아웃을 포함할지 여부와 같은 Nuxt.js 앱의 모양과 느낌을 바꾸고 싶을 때 레이아웃을 사용한다. 레이아웃에 대한 기본 설정은 레이아웃 디렉토리 안에 있는 default.vue에서 생성한다. 경로 : Layout > defaul.. 공감수 0 댓글수 1 2020. 5. 13.
#2. [Node.js] 웹 어플리케이션 개발 - 프로젝트 생성 1. 사이트 구조 이제 실제로 프로젝트를 구성하고 사이트를 개발해보자. 우선 웹 어플리케이션 개발을 위한 영역을 크게 2가지로 나눌 수 있다. 첫번째 영역은 프론트엔드(Front-End)고 두번째 영역은 백엔드(Back-End) 이다. 프론트엔드는 사용자에게 보여지는 부분을 의미한다. 이 부분에서 생각되어지는 가장 중요한 요소는 사용자에게 데이터가 어떻게 보여질 것이고, 사용자의 정보를 어떻게 입력 받을지에 대한 고민이다. 그렇기 때문에 프론트엔드 개발자들은 단순히 기능적인 부분에 대한 고민을 넘어서 디자인적인 요소도 반드시 고려해야한다. 프론트엔드에서 주로 개발하게 되는 영역은 아래와 같다. 사용자들에게 보여줄 정보사용자들이 사이트에서 입력하게 되는 정보벡엔드에 있는 데이터를 어떤 형태로 바꿔 사용자에.. 공감수 2 댓글수 0 2020. 5. 4.
#1. [Node.js] 웹 어플리케이션 개발 - 사이트 기획 1. 웹 어플리케이션 구축 개발 공부를 하는데 있어 이론만 공부하는 건 정말 바보 같은 짓이다. 이 과정을 정말 재미도 없고 머리에 잘 들어오지도 않는다. 우린 앞서 3단계의 과정으로 Vue.js, Nuxt.js, Node.js를 배웠다. 각각의 개념에 대해 간략한 소개와 개발 환경 구축 방법을 배웠다. 그다음 간단한 문법과 작동 원리에 대해 배웠다. 앞서 배운것만 잘 응용한다면 우린 웹 어플리케이션 하나를 만들 수 있다. 하지만 노트북을 들고 어플리케이션을 막상 개발할려고 하니 쉽지가 않을 것이다. 특히나 개발을 한번도 안해본 사람들은 더더욱 그렇다. 이제 앞서 배운 이론들이 어떻게 적용되어 우리가 원하는 웹 애플리케이션이 되는지 살펴보자. 사이트 기획 전에 기초적으로 알아야할 사항을 복습해보자. 1).. 공감수 0 댓글수 1 2020. 4. 28.
22.[Node.js] Express Generator 1. Express-generator란? Express를 통해 우리는 편리하게 서버를 구축할 수 있었다. 지금까지 배운 Express를 이용해 배운 지식을 활용해 서버를 구축하게 된다면 다음과 같은 순서를 따르게 될 것이다. - Express 서버 구축 순서 1) express 패키지 설치 npm install express --save 2) express 객체 선언 1const express = require('express');cs 3) 서버 요청 만들기 1app.get('/', (req, res) => res.send('Hello World!'))cs 4) 라우팅 선언 1var router = express.Router();cs 5) 미들웨어 선언 1234app.use((req, res, next).. 공감수 0 댓글수 0 2020. 4. 22.
21.[Node.js] 미들웨어 1. 미들웨어 모듈 형태로 만들어진 라우터를 app.use에 등록하여 사용했다. 이번 시간에는 app.use 부분에 대해 알아보자. 해당 부분은 Express에서 미들웨어를 등록하는 부분이다. 사전에 정의된 미들웨어를 사용할 수도 있고, 사용자가 직접 미들웨어를 설계하여 등록할 수 도 있다. 미들웨어는 다음과 같은 일을 수행한다. 모든 코드를 실행요청 및 응답 오브젝트에 대한 변경을 실행요청-응답 주기를 종료스택 내의 그 다음 미들웨어 함수를 호출 미들웨어는 요청 객체, 응답 객체, next 객체 3가지를 인수로 가지게 된다. 만약 미들웨어가 요청과 응답이 끝나지 않는다면 다음 미들웨어 함수인 next 객체에 인자를 전달하게 된다. 만약 next 객체가 없다면 미들웨어는 정지한채로 동작을 멈추게 된다. .. 공감수 0 댓글수 1 2020. 4. 13.
20.[Node.js] 라우팅과 콜백 함수 Express에서 역시 사용자가 원하는 요청 객체와 응답 객체를 구현할 수 있다. Express의 콜백 함수는 라우팅 기능을 통해 구현되는데, 이번 시간에는 Express 라우팅 기능을 중심으로 하는 콜백 함수에 대해 알아보자. 1. 요청 객체 Express의 라우팅 기능을 활용해서 url parsing 없이 객체를 선언할 수 있다는 것을 알았다. 이번에는 Express get 함수에 들어가는 콜백 함수에 대해 알아보자. 콜백 함수에는 총 3가지의 인자가 들어간다 요청 객체응답 객체NEXT 객체 이 중 NEXT 객체는 선택 사항이다. 요청 객체에는 아래 3가지 변수가 담긴다 paramsquerybody 123456app.get('/users/:id', function(request, response) {.. 공감수 0 댓글수 0 2020. 4. 5.
19.[Node.js] Express 1. express Node.js 기반의 웹 서버의 요청을 하기 위해선 우리는 매번 서버를 올려야 한다. 그리고 서버를 올리는 데는 많은 사전작업이 필요하다. 우리는 더 빠르고 효율적인 웹 서버 개발을 위해서 Node.js 기반으로 작동하는 웹 애플리케이션을 만들어야 할 필요성이 존재한다. 이때 사용하는 Node.js기반의 웹 프레임워크가 바로 express이다. - express의 특징 빠르고 간편한 Node.js 시스템 구축을 위한 웹 프레임워크미들웨어(Middleware) 구조를 통해 개발자가 필요로 하는 라이브러리만 골라서 사용 가능 - express 공식 홈페이지 https://expressjs.com/ko/ 우선 express 프레임워크를 사용하기 위해서는 설치가 선행되어야 한다. npm 패키.. 공감수 0 댓글수 0 2020. 3. 29.
18.[Node.js] GET, POST 요청 클라이언트가 HTTP 서버를 요청할 때 우리는 URL과 Method를 사용한다. URL은 앞서 말했듯이 서버의 도메인과 파일 디렉토리를 지정해 주는 역할을 한다. 반면에 Method는 요청 방석을 정해주고 크게 2가지 메소드를 사용하게 된다. 바로 GET과 POST이다. GET 1. GET 요청 처리- GET 요청이란? GET 요청은 서버로 부터 정보를 조회하는데 사용한다. 가장 큰 특징은 서버에 요청하는 Query String에 우리가 전달하려는 데이터가 담기게 된다. 클라이언트가 서버에 대한 정보를 단순히 가져와 보고 싶은 경우에 GET을 사용하게 된다. - GET 요청의 특징서버 데이터 조회를 위해 사용Query String에 우리가 전달하려는 정보가 담기게 됨String 길이에 제한이 있으므로 많.. 공감수 2 댓글수 0 2020. 3. 22.
17.[Node.js] 서버 요청 개체, 응답 개체 1. 서버 요청 테스트 - Postman 서버를 만들기 위해서는 많은 어플리케이션이 사용됩니다. 실제 서버를 만들기 위해서 우린 물리적인 서버도 필요하고, 물리적 서버가 우리가 만든 서비스와 통신할 수 있도록 다양한 API의 설치가 필요합니다. 하지만, 우리가 서버를 구축하는 단계에서 이와 같이 모든 API 구성을 만들기란 상당히 까다롭습니다. 그래서 우리는 이 문제를 해결하기 위해 간단한 서버 테스트 API를 활용하게 됩니다. 대표적인 도구가 바로 Postman입니다. Postman 설치는 Chrome 웹스토어를 활용해 진행할 수 있습니다. - Postman 설치 URL (Chrome Web Store) https://chrome.google.com/webstore/detail/postman/fhbjg.. 공감수 0 댓글수 0 2020. 3. 15.
16.[Node.js] Node.js와 서버 요청 1. Node.js란? 앞선 개념읕 통해 우린 javaScript언어를 이용해 웹 페이지가 어떻게 만들어지는 지 확인했다. 이는 우리가 이제 javaScript를 활용해 네트워크 클라이언트를 구현할 수 있다는 것을 의미한다. 그리고 구현한 클라이언트가 어떻게 서버에 렌더링 되는지 역시 알 수 있었다. Vue.js : 클라이언트 사이드 렌더링 (CSR)Nuxt.js : 서버 사이드 렌더링 (SSR) 이번 시간부터는 서버를 구축 하는 방법에 대해서 배워볼 차례이다. 서버는 네트워크 애플리케이션의 작동을 제어한다. 우리의 애플리케이션에 장착된 DB를 연동하고, 사용자 인증도 진행할 뿐더러 파일을 업로드 하는 등 다양한 작동을 하게 된다. 즉, 애플리케이샨을 사용하는 사용자의 요청이 오게되면 이를 듣고 원하는 .. 공감수 0 댓글수 0 2020. 2. 29.
15. [Nuxt.js] Component 1. 컴포넌트(Component)란? Vue.js를 기반으로 했기에 Nuxt.js에서도 당연히 컴포넌트를 사용할 수 있다. 웹페이지에서 반복되는 요소가 존재한다면 우리가 원하는 형태로 컴포넌트롤 만들어 우리가 필요한 웹 페이지의 제작이 가능하다. 반복되는 요소가 존재하는 경우 컴포넌트를 사용하면 된다. 컴포넌트를 사용하기 위해서는 우선 component 디렉터리에서 해당 요소를 가져와야 한다. 웹 페이지에서 사용할 컴포넌트를 정의한다. - component/NavBar.vue 1234567891011121314151617181920212223242526272829303132333435363738 Real World Events List | Create .brand { font-family: 'Montse.. 공감수 0 댓글수 0 2020. 2. 23.
14. [Nuxt.js] Layout 1. 도큐먼트 (Document) Nuxt는 페이지를 기반으로 작동하게 된다. 하지만, 웹 서비스의 구성상 페이지가 개별적으로 구성된다면 서비스를 개발하는데 많은 시간이 소요된다. 게다가 프로젝트의 공동 요소에 대한 로딩이 없다면 페이지 렌더링에도 많은 시간이 소요 될 것이다. Nuxt.js는 이러한 문제점을 해결하기 위해서 프로젝트 구조에 대한 효율성을 제공한다. Nuxt View의 구조는 이러한 개념에서 출발하게 된다. -Nuxt.js Views Nuxt 프로젝트에서 화면 구성은 페이지에 들어가게 된다. 하지만 header나 footer 처럼 여러 페이지에 거쳐 공통으로 들어가는 요소들은 매번 렌더링 하는 작업은 매우 번거롭다. 이러한 반복적인 요소를 모아서 한번에 담을 수 있도록 제공하는 방법이 있.. 공감수 0 댓글수 0 2020. 2. 16.
13. [Nuxt.js] Pages & API 1. Nuxt.js Pages Nuxt.js 프로젝트를 생성한 뒤 웹 어플리케이션을 만드는 방법에 대해 알아보자. Nuxt.js 프로젝트를 구성하기 위해서는 Package.json 파일과 Pages 디렉터리 안에 페이지를 추가해서 구성 가능하다. 12345678910111213141516{ "name": "test1", "version": "1.0.0", "description": "My delightful Nuxt.js project", "private": true, "scripts": { "dev": "nuxt", "build": "nuxt build", "start": "nuxt start", "generate": "nuxt generate" }, "dependencies": { "nuxt": "^.. 공감수 0 댓글수 0 2020. 2. 2.
12.[Nuxt.js] 프로젝트, 설정, 라우팅 1. Nuxt.js Project Nuxt.js 프로젝트를 신규로 생성하면 위의 구조를 가진다. nuxt.js는 vue를 이용한 페이지를 만들 수 있는 프레임워크다. 그렇기 때문에 nuxt.js에 대한 기본적인 구성을 알고 개발을 시작해야 한다. - assets SASS, LESS나 빌드에 필요한 JavaScript 파일이 포함한다. - component nuxt.js에서 사용되는 컴포넌트들을 포함한다. 컴포넌트는 화면에서 사용되는 각각의 요소를 의미한다. (vue.js에서 배운 component와 동일하다.) - layouts nuxt.js에서 사용하는 기본 레이아웃이 존재한다. 애플리케이션에서 상단 탭이나 하단 탭과 같이 모든 페이지에서 동일하게 적용되는 레이아웃이 담긴다. 만약 사용자가 새로 레이아.. 공감수 2 댓글수 0 2020. 1. 27.
11.[Nuxt.js] 개념 및 소개 1. Nuxt.js란? Nuxt.js는 Vue.js 애플리케이션 개발을 보다 강력하고 사용하기 쉽게 만들어 주는 프레임워크이다. 우리는 앞서 Vue.js가 어떻게 구성되고 웹 어플리케이션으로 만들어 지는지 확인해보았다. 이후 개발자들은 조금 더 빠른 개발 속도를 위해 Vue.js를 빠르게 적용하는 방법을 고안했고, 이를 프레임워크로 만들었다. Nuxt.js 개발자들이 소개하고 있는 Nuxt.js의 목표는 다음과 같다. Nuxt.js의 주요 범위는 클라이언트/서버 배포를 추상화 하는 동안의 UI Rendering이다.Node.js 기반의 프로젝트 혹은 기본 프로젝트 베이스로 사용할 수 있을 만큼의 유연한 프레임워크를 만드는 것이다.Nuxt.js는 Vue.js 애플리케이션 서버 렌더링을 보다 즐겁게 개발하는.. 공감수 0 댓글수 0 2020. 1. 19.
10.[Vue.js] 컴포넌트(Components) 웹사이트를 살펴보면 일정한 양식으로 반복되는 객체를 볼 수 있다. 쇼핑몰에서 상품을 소개할 때 보면 일정한 양식으로 반복되는 객체를 쉽게 찾아 볼수 있다. 상품에 대한 사진, 가격, 이름 등 해당 상품에 필요한 필수 정보들을 담고 있어야 한다. 상품에 대한 정보를 데이터베이스에 넣고, 데이터를 부를 수 있는 변수를 지정한다. 그리고 변수를 객체로 넣어주면 자동으로 계산되어 웹 사이트가 만들어 진다면 이를 쉽게 구현할 수 있다. 위에 사진과 동일하게 3개의 반복되는 객체를 만들게 된다면 이를 컴포넌트로 제작 할 수 있다. 위 사진을 컴포넌트를 사용하지 않고, HTML으로 작성하면 아래와 같다. 123456789101112131415 Components box 1 button1 button2 Componen.. 공감수 0 댓글수 0 2020. 1. 5.
9.[Vue.js] 클래스, 스타일 바인딩 클래스 바인딩과 스타일 바인딩은 말 그래도 HTML 속성에 있는 클래스와 스타일을 Vue.Js로 바인딩 하는 것을 의미한다. 우리가 CSS로 만든 클래스나 스타일이 만들고, 우리가 원하는 액션을 취할 때마다 클래스와 스타일 변경이 가능하도록 만들어 주는 기능이다. 주로 액션에 따른 웹 디자인 변화에 쓰이게 된다. 1. 클래스 바인딩 앞서 만들었던 예제에서 버튼을 CSS를 활용 해 위와 같은 디자인으로 변경했다. 이번엔 Number라는 숫자가 음수를 허용해서는 않게 만들기 위해 Minus 버튼을 Number가 0이 되는 경우 더이상 작동하지 않도록 만든다고 가정해보자. 우선 위의 버튼에 CSS는 아래와 같다. 1234567891011 .btn{ height: 30px; width: 80px; font-si.. 공감수 1 댓글수 0 2019. 12. 31.
8.[Vue.js] 이벤트 핸들링 1. 이벤트 핸들링 조건부 렌더링과 리스트 렌더링을 통해 Vue.Js 렌더링 과정에서 조건문을 어떻게 활용할 것인지와 반복되는 리스트 형태의 테크 노출을 어떻게 구현하는지 알 수 있었다. 이를 활용하기 위해서 라디오 버튼이나 리스트 박스에 렌더링을 할 수 있도록 조건을 걸어서 이에 맞게 동작하는 웹사이트를 구현해보았다. 하지만 사용자들의 요구는 여기서 멈추지 않습니다. 특수한 버튼(혹은 컴포넌트)를 눌렀을 때 특정 동작을 직접 지시 할 수 있도록 원합니다. 예를 들어 버튼 하나를 눌렀을 때 웹 사이트에서 무언가 변화가 일어나고 싶어 합니다. 위에 홈페이지에는 두개의 버튼이 존재한다. Plus를 누르게 되면 Number가 1이 증가하고, Minus를 누르면 1이 감소하게 된다. 버튼을 누를 때 Number.. 공감수 0 댓글수 0 2019. 12. 21.
7.[Vue.js] 조건부 렌더링, 리스트 렌더링 1. 조건부 렌더링 조건부 렌더링은 렌더링하여 페이지에 보여줄 데이터를 변경할 때 사용하는 방식이다. HTML 코드에 속성으로 v-if, v-else-if, v-else를 선언해주면 된다. 그리고 속성에는 반드시 true 와 false로 떨어질 수 있도록 조건 식을 넣어야 한다. - 조건부 렌더링 기본 구조 텍스트 텍스트 텍스트 조건식 판단을 하기 위해 vue.js에 해당 조건식을 참과 거짓으로 판단할 수 있게 값을 넣어야한다. 즉, 조건식에 선언된 변수가 인스턴스에 반드시 존재해야 하며 이 식이 true / false 판단 여부가 성립되어야 한다. - 조건부 렌더링 예시 234567891011 Vue.js Conditional Rendering {{ player }} James harde.. 공감수 0 댓글수 0 2019. 12. 15.
6.[Vue.js] method, computed, watch 1. Vue.js 함수 사용 javascript 함수를 통해 Vue.js 구축이 가능하다. javascript에서 기본적으로 제공해주는 함수는 물론이고 우리가 임의로 작성한 함수를 활용해 우리가 원하는 값을 웹 브라우저로 보여줄 수 있다. 두가지 모두 살펴보기로 하자. - Date 함수 사용 javascirpt에서는 Date 오브젝트와 함수를 통해 현재 날짜에 대한 기본 함수를 제공한다.new Date() : 날짜 함수를 사용하기 위한 생성자date.getTime() : 현재 시각 출력 (사용자 입장에서 보기 불편하다.)date.getFullYear() : 연도 출력date.getMonth() : 월 출력date.getDay() : 일 출력 이를 활용한 오늘 날짜를 출력해주는 페이지를 만들 수 있다. 1.. 공감수 0 댓글수 0 2019. 12. 7.
5. [Vue.js] 데이터 바인딩 응용 1. 단방향 바인딩 앞서 데이터 바인딩에 대해 배웠고, 이젠 Vue.js의 데이터 바인딩 기능을 활용하는 방법에 대해 알아보자. Vue.js의 MVVM 구조에서 우리가 작성하는 HTML 코드에 바인딩 변수와 JavaScript 코드를 어떻게 연결 할 수 있는 지 알아보았다. JavaScript 데이터에 연결된 변수를 바꿈에 따라 우리가 보여지는 변수가 변경되는 것을 보았다. 이를 단방향 바인딩이라고 한다. 반대로 우리가 작성하는 HTML input을 변경하여 javaScript를 변경할 수 있다. 이 방식을 양방향 바인딩이라고 한다. 기본적으로 웹 페이지를 두 부분으루 나누게 된다면 위 부분에 HTML로 작성 된 DOM 부분과 아래 부분의 Vue.js로 구성된다. DOM : HTML로 작성 (View)V.. 공감수 2 댓글수 0 2019. 12. 1.
4. Vue.js 인스턴스, 데이터 바인딩 1. Vue.js 2014년 중국인 개발자 Evan You에 의해 새로운 자바스크립트 프레임워크인 Vue.js가 발표된다. Angular와 React는 분명 많은 개발자들의 인기를 끌며 많은 프론트엔드 개발자들의 선호를 받았다. 하지만, 사람들은 여전히 두 언어에 대한 불만이 많았다. 우선 Angular.js의 경우 모든 개발 방식을 Angular화 해야하는 불편함이 있었다. 이는 많은 개발 도구 사용에 제약이 걸릴 뿐만 아니라 프로그램이 무거워지는 불편함이 존재했다. 프론트엔드 개발자들은 좀더 가볍고 범용성이 좀더 큰 개발 방식에 대한 요구사항이 존재핬다. Vue.js는 이러한 배경으로 탄생하게 되었다. Vue.js의 가장 큰 장점은 우리가 흔히 사용하는 개발 도구 들을 자유롭게 쓸 수 있다. 가령 유.. 공감수 0 댓글수 0 2019. 11. 24.
3. Angular.js를 이용한 웹 사이트 최근에는 Vue.js의 인기가 높아졌지만 기존의 클라이언트사이드 렌더링 방식의 지배자는 Angular.js이다. 따라서, 우린 클라이언트 구축에 필요한 기초 지식들을 Angular.js와 Vue.js를 통해 배워 볼 것이다. 이번 시간에는 Angular,js에서 MVC 패턴이 어떻게 적용 되고 이를 통해 기초적인 클라이언트가 어떻게 만들어지는지 알아보자. 1. Angular.js와 MVC/MVVM 앞서 알아봤듯이 Angular.js로 MVC 패턴의 적용이 가능하다. 그리고 Angular.js에서는 MVVM 패턴도 적용가능하다. - MVVM 패턴 Model-View-ViewModel의 약자로 컨트롤러가 뷰모델로 교체된 형태이다. 기존 모델이 뷰를 위한 뷰모델이 존재하여 뷰를 바인딩 할때 강력한 강점을 보인.. 공감수 0 댓글수 0 2019. 11. 14.
2. 클라이언트 구축 개요 1. 클라이언트 구축이란? 클라이언트 구축이란 우리가 보는 모든 화면이 전부 클라이언트가 된다. 클라이언트 구축을 위해서는 자신이 사용하게 되는 디바이스나 응용 프로그램에 대한 고려가 반드시 필요하다. 같은 플랫폼이어도 서로 다른 디바이스로 볼 수도 있다. 우리는 웹 페이지를 컴퓨터와 모바일 모두 볼 수 있기 때문이다. 그리는 이 중에서도 웹 환경에 기반하여 설명을 할 것이다. 웹은 가장 보편적으로 사용되면서 여전히 많은 사람들에게 각광받고 있는 기술이다. 웹 환경에서 작동하는 클라이언트를 구축하는 것이 우리의 목표다. 웹의 가능성은 무궁무진하다. 최근들어서 웹의 범용성은 더 커지고 있다. 기업에서 사용하는 다양한 포탈이라던지, 웹이 사용되지 않는 부분이 없을 정도로 사이즈가 더.. 공감수 0 댓글수 0 2019. 11. 8.
1. 서버사이드 렌더링(SSR), 클라이언트사이드 렌더링(CSR) 서버와 클라이언트 기술은 프로그래밍에 있어 가장 근간이 된다. 전세계에 존재하는 거의 모든 프로그램은 서버와 클라이언트가 존재해 네트워크 상에서 데이터를 주고 받기 떄문이다. 프로그램엔 다양한 플랫폼이 생겨났지만 가장 많이 사용하게 되는 환경은 웹이다. 우리가 원하는 서비스를 구현하기 위해 웹을 모르고는 이야기 하기 어렵다. 그리고 이번 시간에는 웹을 구축하기 위해선 클라이언트와 서버를 만들어야 한다. 하나의 건물을 짓기 위해서는 설계도가 반드시 필요하다. 그리고 이 건물 설계를 하는 데 있어 기본적으로 지켜야할 룰이있다. 사람이 들어가야 할 문이라던지, 지하 주차랑이라던지 건물에 필요한 필수 요소라는 것들이 존재한다. 이번 시간에는 이처럼 소프트웨어 설계를 위한 기초적인 패턴에 대해 알아보도록하자. 1.. 공감수 1 댓글수 0 2019. 11. 3.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.