citygray

한줄평: 시작은 재미있는 이야기 꺼리, 책을 덮을 때는 나 자신을 돌아보게 만드는 책   1. 개발자로서 태도에 대한 반성찌질이 웹개발자인 내가 가장 기억에 남는 이야기는초기 인공신경망 알고리즘인 퍼셉트론을 만들어낸 로젠블랫에 관한 이야기입니다. 퍼셉트론 알고리즘은 지금의 AI를 가능하게 한 가장 큰 혁신이지만(제 생각에), 그 당시 복잡한 신경망을 제대로 학습할 수 있는 방법도 알지 못해 한동안 사람들의 기억 속에서 잊혀졌습니다. 로젠블랫은 1971년, 불과 43세의 나이에 보트 사고로 사망합니다. 일각에서는 오랜 기간 연구 성과를 내지 못하고 자금 지원도 끊기다시피 하자 스스로 사고를 내 자살한 것으로 보기도 했죠. 그러나 인공신경망은 죽지 않고 끝까지 살아남았습니다. 2012년 이미지넷에서 좋은 성..

목표: 집pc에 웹서버를 설치해서 간단한 웹사이트를 배포해보자집에서 웹서버 구성시 고려사항집에서 놀고 있는 pc지만 해커공격은 피하고 싶어서 물리적인 PC와 웹 서버를 어느 정도 격리..1. 가상머신에서 리눅스 서버구축2. 공유기에서 가상머신에 포트로 포워딩크게 두 과정으로 나누어서 글을 쓴다.1. 공유기 네트워크 설정 2. 웹서비스를 위한 서버 설정참고자료) 생활코딩 - 집에서 웹서버 운영하기https://www.youtube.com/watch?v=Ou7MW3KKBVg 용어정리 더보기IP : 장치를 식별할수 있는 주소  - 외부IP: 외부에서 내 컴퓨터에 접근할 수 있는 IP    - 웹에서 내 IP검색시 나오는 ip    - 공유기에서 외부IP주소- 내부IP : 로컬 네트워크에서 연결된 장치와 통신하..

흐름 이해 com.boot.example.domain SubjectVO src/main/java com.boot.example.dao SubjectDAO => 인터페이스 생성 src/test/java com.boot.example.dao SubjectTests => 단위 테스트를 위한 클래스 생성 com.boot.example.service SubjectService => 인터페이스 생성(다형성:결합도가 낮게) SubjectServiceImpl =>구현 클래스 생성 com.boot.example.controller SubjectController => controller 클래스 생성 공통매핑: /subject/로 명시 학과리스트 매핑: /subject/subjectList 뷰단: /WEB-INF/view..

라우팅이란? 라우팅은 경로를 의미하는 Route 와 진행을 뜻하는 ing가 합쳐진 단어로, '경로를 지정하는 과정'을 의미한다. 페이지 라우팅은 요청에 따라 적절한 페이지를 반환하는 일련의 과정이다. 1-1. 프로젝트 생성 npm init react-app 1-2. 리액트 라우터 설치 npm i react-router-dom 1-3. 실행방법 npm start 2.프로젝트에 라우터 적용하기 리액트 라우터가 제공하는 BroserRouter 컴포넌트로 App를 감싸면 된다. BrowerRouter 브라우저의 주소 변경을 감지하는 기능이 있다. 이 라우터는 컴포넌트가 페이지를 구성하고 이동하는데 필요한 기능을 다양하게 제공한다. index.js를 수정한다. import { BrowserRouter } from..

node.js Node.js는 Chrome V8 JavaScript 엔진에 기반을 둔 JavaScript 런타임입니다. 웹 브라우저의 외부에서도 JavaScript를 실행할 수 있게 만들어줍니다. 이는 서버 측 개발에 JavaScript를 사용할 수 있도록 해주어, 웹 개발에서 프론트엔드와 백엔드 양쪽 모두에 JavaScript를 사용하는 것을 가능하게 합니다. npm, yarm : 자바스크립트 패키지 관리도구 번들러: 여러 개의 자바스크립트 파일을 하나 또는 몇 개의 파일로 병합(번들링)해주는 역할 주로 웹팩사용 바벨 : 최신 자바스크립트 문법으로 작성된 코드를 바벨이라는 도구를 사용하여 ES5문법으로 변환 리액트 - 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리입니다. 주로 싱글 페이..

쿠키생성 - 쿠키는(이름, 값)의 쌍 정보를 입력하여 생성 - 쿠키의 이름은 알파벳과 숫자로만 구성되고, 쿠키 값은 공백,괄호, 등호, 콤마, 세미콜론등은 포함 불가능 response.addCookie(cookie); 세션 HTTP기반으로 동작라는 클라이언트가 서버에 정보를 요청 할때 생성되는 "상태정보"를 세션이라고 한다. HTTPSession 객체가 생성될 때는 요청을 보내온 클라이언트 정보, 요청 시간정보 등을 조합한 세션 ID 가 부여되며, 세션 ID는 클라이언트 측에 쿠키 기술로 저장된다.

데이터베이스의 분석 설계 과정 개념적 모델링 - 요구사항을 수집하고 분석한 결과를 토대로 업무의 핵심적인 개념을 구분하고 전체적인 뼈대를 만드는 과정 - 개체(entity)를 추출하고 각 개체들 간의 관계를 정의하여 ER 다이어그램(ERD)을 만드는 과정까지를 말한다. ERD 데이터베이스의 구조를 엔티티와 관계로 도식화 하는 기법 1. 개체 - 현실세계를 표현하는 개체로 관리해야하는 대상을 식별 가능한 명사형으로 지정 2. 속성 - 성질이나 상태등을 말하며 개체가 가질 수 있는 세부적인 특징 - 개체와 실선으로 연결 - 물리적 모델링 과정에서 컬럼이 된다. - 도메인 각각 속성들이 취할 수 있는 값을 본래 의도했던 값들만 저장되고 관리하기 위해서 설정해주는 것을 도메인 설정 예) (속성) 성별 - (도메..

데이터베이스의 분석 설계 과정 계획 - 세부 추진 일정 수립 - 인터뷰 계획 - 자료수집(요구분석 및 입출력 장표수집) / 벤치마킹 - 요구사항분석은 데이터 모델링을 하기 위한 계획단계에서 사용자와의면담을 통해서 얻는 내용으로 사용자의 요구사항을 간단하게 기술하는 과정 - 유스케이스 분석 - 장표와 인터뷰 자료 등 수집된 자료를 바탕으로 DATA 분석 - 개념적 데이터 모델링 및 ERD 작성 설계 - ERD 기반으로 테이블 설계시 작성, 물리적 구조 설계 - 화면 설계서 작성 구축 - 테이블 설계서를 기반으로 테이블 생성 - 화면 설계서를 기반으로 프로그램 유스케이스 시스템의 동작을 사용자의 입장에서 표현한 시나리오이며, 시스템에 관련한 요구사항을 알아내는 과정입니다. 유스케이스 다이어그램 시스템이 어떻..

마이바티스 적용 jar 파일을 WEB-INF > lib에 넣기 마이바티스와 마이바티스- 스프링 마이바티스란 xml구문과 어노테이션을 사용할 SQL문이나 저장된 프로시저를 데이터베이스와 자바 등을 연결 시켜주는 영속성 프레임워크 영속성프레임워크란 정보에 대한 접근과 저장을 단순화하는 라이브러리 스프링과 마이바티 연동한 데이터에 대한 흐름은 컨트롤러 → 서비스 로직 → 매퍼 → 매퍼 XML →DB - 컨트롤러는 스프링 구성요소로 서비스로직으로 부터 데이터를 전달받는다. - 서비스로직은 자바빈으로 구성하고, 데이터베이스를 검색하거나 관리한다. - 매퍼는 인터페이스로 선언하고, 구현 클래스에서 SQL문을 실행한다. - 매퍼 XML은 매퍼 XML요소와 SQL문으로 작성되는 매퍼 XML구문이다. SQL Mapper..

MVC 패턴 모델은 두가지로 구분한다. 1. Service : 서비스 처리를 하기 위한 내용으로 만 구현 2. DAO: 데이터베이스 처리에 관한 기능망으로 구성 DTO (Data Transfer Object): 데이터를 다른 logic에게 전송 및 반환할 때 효율적으로 데이터를 사용할 수 있게 클래스 작성 뷰 클라이언트가 보는 화면으로서 클라이언트로 부터 요청이 일어나서나 처리된 결과를 보여주는 페이지 컨트롤러 뷰에서 클라이언트가 서비스를 요청했을 때 실행되는 페이지이다. 컨트롤러 페이지는 서비스를 처리하는 메서드를 호출함으로써 클라이언트 요청과 서비스 처리 객체를 연결해주는 중계역할을 하면서 서비스 처리 흐름을 제어한다. 프런트 컨트롤러 디자인 패턴 대표 컨트롤러를 두고 뷰에서 들어오는 모든 요청을 담..