Velog Velog

드디어 웹 프로그래밍 기초 완강 (박수) 지금까지 배운 것을 정리해보겠습니다! 웹 프로그래밍 기초 - 웹 프론트엔드 frontend - backend 역할과 관계 HTML로 웹페이지 구조 설계 CSS 레이아웃에 필요한 속성과 활용 웹 프로그래밍 기초 - 웹 백엔드 웹 개발에 대한 이해 - HTTP 통신 개발 환경 설정 (JDK, 톰캣, 이클립스 설치) 서블릿 작성 https://www.edwith.org/boostcourse-web/lecture/17377/ [LECTURE] 내용 정리 : edwith - 부스트코스 www.edwith.org

강의 링크 : https://www.edwith.org/boostcourse-web/lecture/16689/ [LECTURE] 4) Request, Response 객체 이해하기 : edwith 들어가기 전에 이번 파트를 학습하다 보면 '요청', '응답'이라는 용어가 많이 등장합니다. 이번 학습에서는 클라이언트가 서버에게 보낸 요청을 추상화한 객체 HttpServletRe... - 부스트코스 www.edwith.org WAS는 웹 브라우저로부터 Servlet 요청을 받으면? 요청할 때 가지고 있는 정보를 HttpServletRequest 객체를 생성하여 저장 웹 브라우저에게 응답을 보낼 때 사용하기 위한 HttpServletResponse 객체 생성 생성된 HttpServletRequest와 HttpS..

강의 링크 : https://www.edwith.org/boostcourse-web/lecture/16687/ [LECTURE] 2) Servlet 작성 방법 : edwith 들어가기 전에 현재 프로젝트에서 웹을 개발할 때 서블릿을 직접 써서 개발하지는 않습니다. 조금 더 편하게 사용할 수 있게 도와주는 다양한 프레임워크를 사용해서 개발하는 경우가 더 ... - 부스트코스 www.edwith.org Servlet 작성 방법 1. Servlet 3.0 이상 - web.xml 파일 사용 X - 자바 어노테이션 사용 2. Servlet 3.0 미만 - servlet을 등록할 때 web.xml 파일에 등록 첫 번째 방법으로 실습을 해보자! exam31라는 프로젝트를 생성하여 1부터 10까지 출력하는 TenSer..

강의 링크 : https://www.edwith.org/boostcourse-web/lecture/16685/ [LECTURE] 6) HelloWorld 서블릿 컴파일 및 실행하기 : edwith 들어가기 전에 모든 프로그램의 시작은 "Hello World" 를 한 번 출력해 보는거 아시죠? 이번 학습에서는 편안한 마음으로 따라 하면서 Hello World를 한 번 출력해봄... - 부스트코스 www.edwith.org 이제 이론수업은 마무리되고 본격적인 코딩수업을 시작해본다! 오늘 안에 기초를 다 끝내버려야지 '_______' v 근ㄷㅔ 왜 자바인지 .. 이클립스에 들어가서 Dynamic Web Project를 생성해주자! 이렇게 톰캣까지 연결해주면 된다~! 서블릿? URL 요청을 처리하는 프로그램 h..

참고 : https://www.edwith.org/boostcourse-web/lecture/16680/ [LECTURE] 1) JDK 다운받기 및 설치하기 : edwith 들어가기 전에 JAVA언어를 이용하여 개발하기 위해서는 JDK(Java SE Development Kit)가 컴퓨터에 설치되고 환경설정이 알맞게 설정되어 있어야 합니다. 이번 학습... - 부스트코스 www.edwith.org 용량없어서 삭제한 JDK와 이클립스를 다시 깔아봅시다 ^^ http://www.oracle.com/technetwork/java/index.html Oracle Java Technologies | Oracle In this issue, we examine three leading frameworks for mi..

https://reactjs.org/tutorial/tutorial.html#adding-time-travel Tutorial: Intro to React – React A JavaScript library for building user interfaces reactjs.org Storing a History of Moves 더보기 If we mutated the squares array, implementing time travel would be very difficult. However, we used slice() to create a new copy of the squares array after every move, and treated it as immutable. This will all..

https://reactjs.org/tutorial/tutorial.html#completing-the-game Tutorial: Intro to React – React A JavaScript library for building user interfaces reactjs.org Lifting State Up 더보기 Currently, each Square component maintains the game’s state. To check for a winner, we’ll maintain the value of each of the 9 squares in one location. We may think that Board should just ask each Square for the Square’s..

https://reactjs.org/tutorial/tutorial.html Tutorial: Intro to React – React A JavaScript library for building user interfaces reactjs.org react 공부를 시작한지 별로 안되긴 했지만 쨌든 기초지식이 너무 부족하다는 것을 스스로 느끼게 되어 튜토리얼 코드를 따라해보기로 했다. 튜토리얼은 react에서 제공한다. (위 링크 참고) 더보기를 클릭하면 원문을 볼 수 있다. 그 외의 본문은 원문을 내가 번역하면서 공부했다. What is React? (React란 무엇일까? 최근 어떤 분에게 이 질문을 들었는데 대답을 하지 못했다. react에 익숙해져야 한다는 부담만 있어서 이론에 대해 소홀했던 것 같..