나의 개발 성장일지

1. 웹 페이지를 구동하는 방식에 대한 이해가 선행되어야 할것 같습니다. react는 자바스크립트로 만든 프론트엔드 프레임워크고 목적은 DOM 조작입니다. node.js는 구글에서 만든 V8 자바스크립트 엔진을 활용한 플랫폼입니다. 브라우저처럼 HTML, CSS 같은 정작자원은 인식하지 못하고 오직 자바스크립트만 해석합니다. 웹서비스를 하기 위해서는 WAS라는게 필요합니다 웹 어플리케이션 서버의 약자로써 Java의 스프링, 파이썬의 Django, 노드의 Express 같은게 대표적입니다. (정확히는 위 프레임워크를 구동하여 CGI를 처리하는 서버를 의미하지만.. 우선 넘어가겠습니다) 고객이 웹페이지에 접속하면 WAS에서 먼저 HTML을 건네줍니다. 브라우저에서는 HTML을 보고선 어떤 js와 css 파일..

프로그램:실행시킬수있는 파일 프로세스:현재 실행중인 파일 프로세서:프로세스가 동작가능하게하는 하드웨어

1.맨앞에 / 를 붙이면 절대경로 2.앞에 /를 안붙이면 상대경로 ->현재폴더와 같은 위치에 존재한다고 생각함

1.디스패쳐 서블릿으로 모든 url을 다받는다(프론트컨트롤러) 2.url을 정해진 컨트롤러에 나눠준다. 3.디스패쳐 서블릿을 만든 곳은 따로있기에 우리가 설정할수없다. 4.web.xml은 외부디스패쳐서블릿의 모든 url 받는곳 5.web-inf는 클라이언트가 바로요청못하는곳 6.servlet.xml은 디스패쳐가 해당url에 해당하는 컨트롤러를 객체화하여 ioc컨테이너에 담아준다 7.서블릿에서 바로 html을 주려면 겁나 힘들다.

1. DOM 이라는 말이 자주 등장합니다. 책보고 검색하고 그러면 맨날 DOM이라는 용어를 남용하는데 그게 뭔지 알아봅시다. Document Object Model 이라는 뜻인데 그냥 설명하면 이해가 안되니 배경설명부터 갑니다. 자바스크립트는 HTML 조작에 특화된 언어라고 설명드렸습니다. 그런데 자바스크립트가 어떻게 HTML을 조작할 수 있는지 원리를 생각해본 적이 있습니까. 생각해보면 HTML과 자바스크립트는 다른 언어입니다. 그래서 자바스크립트에선 이런 html을 직접 해석하고 조작할 수 없습니다. 자바스크립트는 이런건 못알아듣습니다. 그런데 어떻게 HTML 태그들을 알아보고 조작할 수 있는 것일까요? 자바스크립트가 HTML 조작을 하기 위해선 HTML을 자바스크립트가 해석할 수 있는 문법으로 변환..

Dependency: 1.객체를 컨테이너에서 주입해주면 LifeCycle을 다르게 할수있다 ex)클래스나 메소드에서 생성되면 생명주기가 같게 되지만 컨테이너에 넣으면 생명주기가 별개로 관리가능 컨테이너: 1.component어노테이션을보고 객체로 만들고 컨테이너에 넣어줌-생성 2.autowired를 만나면 구현체 주입해줌->결합 3.가장 작은 dao에서 부터 스노우볼처럼 결합->역행 Dao: 1.SQL을 구현하는 곳 2.Mybatis로 구현체를 구현하고 인터페이스는 서비스에 필드로간다 Service: 1.Dao의 인터페이스를 필드로 받고 Dao의 구현체를 컨테이너에서 입력받는다 2.Sql의 기능만 Dao인터페이스로 받고 컨테이너에서 Dao구현체를 넣으면됨 3.Dao의 crud를 조합하여 기능을 만드는곳 ..

https://velog.io/@jkijki12/Spring-%EC%8A%A4%ED%94%84%EB%A7%81-Bean-IoC-Container-DI%EA%B0%80-%EB%AD%94%EB%8D%B0

https://velog.io/@shin6403/HTTP-multipartform-data-%EB%9E%80 HTTP multipart/form-data 란? 프로젝트를 진행하면서 프론트 -> 백엔드로 이미지를 전송하는 경우가 있었다.오늘은 HTTP, multipart, multipart/form-data 세 가지 키워드에 대해 알아보고, 그 중에서 중요한 개념중에 하나인 multipart/for velog.io