본문 바로가기

분류 전체보기398

생활 코딩 1~5강. HTML과 JS만남 22.09.16ver 1. 수업 소개 WEB 1_HTML & Internet을 보고 올 것을 권한다. HTML이 무엇인지 안다면 바로 공부해도 된다. HTML은 정적이다. 만들어진 그대로만 존재한다. 정적인 것을 동적으로 만들어 사용자와 상호작용하게 만드는 것이 JavaScript HTML이 그림을 그리는 것이라면, JS는 그림을 움직이게 하는 것이다. 2. 수업의 목적 기능을 적용하는 데 필요한 문법을 공부하는 위주 우선은 보자. 문법을 익히려고 애쓰기보다 어떻게 작동하는 지에 집중하자. 3. HTML과 JS의 만남 : script 태크 JavaScript html 1+1 안 쪽에 있는 코드를 JS로 해석한다. 결과 값은 동적으로 계산되어 나온다. 4. HTML과 JS의 만남 : 이벤트 웹브라우저에서 .. 2022. 9. 16.
[홍팍] Spring boot 입문 4강 4. [스프링 부트 입문 04] 뷰 템플릿과 MVC 패턴 MVC 패턴을 활용해 템플릿 페이지 만들기 뷰 템플릿 - 화면을 담당하는 기술 - 페이지 틀을 만든다. - 웹 페이지의 변수를 활용하여 수만은 페이지가 만들어진다. 뷰 템플릿에게는 Model과 Controller 라는 두 동료가 있다. MVC : 분야별 담당자를 나누는 역할 - Model : 데이터 관리 - View Templates : 화면을 담당 - Controller : 처리과정을 담당 cf. mustache : 뷰 템플릿을 만들어주는 도구 -- 실습 진행 1) 템플릿 위치 2) mustache 플러그인 설치 - 강의따라 진행 3) 뷰 템플릿 페이지 작성 mustache 라는 파일이 뭐지? 일단은 html을 다르게 부른다 정도로만 알고 있자... 2022. 3. 22.
[홍팍] Spring boot 입문 3강 3. [스프링 부트 입문 03] 웹 서비스의 동작 원리 2강에서 출력한 헬로월드가 출력되기까지의 동작원리를 공부할 필요가 있다. 웹 서비스? 클라이언트와 서버의 요청과 응답으로 동작한다. 클라이언트 : 서비스를 사용하는 프로그램 및 컴퓨터 서버 : 서비스를 제공하는 프로그램 및 컴퓨터 출력한 헬로월드 역시 클라이언트와 서버의 요청과 응답의 결과였다. 헬로월드가 출력되는 코드와 html코드를 비교해보면, 둘이 같음을 알 수 있다. 클라이언트 : 인텔리제이에 작성한 코드 서버 : 인터넷창에 출력되는 것 localhost : 집 주소 스프링부트가 8080이라는 방(port 번호)에서 수행되고 있다는 의미. 2022. 3. 22.
[홍팍] Spring boot 입문 1-2강. 1. [스프링 부트 입문 01] 스프링 부트란 스프링 부트란? - 자바 프로그램을 보다 쉽고 빠르게 만들 수 있도록 돕는 도구 - 자바 프로그램을 만들기 위한 노하우들이 집약되어 있는 도구 - 프로그램을 만들기 위한 재료들은 있기에 잘 선택하기만 하면 된다. 2. [스프링 부트 입문 02] 개발환경 만들기 Intelli J 설치 방법 무료버전으로 설치 https://start.spring.io/ -> 스프링 부트를 기반으로 스프링관련 프로젝트를 만들어주는 사이트 ■ Gradle Project 선택 ■ 스프링부터 버전은 기본적으로 선택되어 있는 것으로 진행했다. SNAPSHOT은 아직 만들고 있다는 의미. M1, M2는 아직 정식 릴리즈된 것은 아니다. ■ 본인은 자바 JDK(Java Development.. 2022. 3. 22.
Intelli J 설치 방법 Intelli J 설치 인프런에서 Java100제를 수료하고 Spring 강의를 찾아나섰다. 입문 과정을 듣는데 Intelli J로 수업이 진행되다 보니, 필요성을 느꼈다. 사용하고 있던 eclipse를 그대로 할까 했지만, 적용하는데 다름에서 오는 어려움을 느끼고 설치하기로 결정했다. 또한 주변 개발자 친구들도, eclipse보다 Intelli J 를 추천했던 게 기억나서 이번 기회에 설치하기로 마음 먹었다. 1. 사이트로 이동 https://www.jetbrains.com/ko-kr/idea/download/#section=windows 다운로드 IntelliJ IDEA: 우수성과 인체 공학이 담긴 JetBrains Java IDE www.jetbrains.com 2. 컴퓨터 버전에 맞게 선택 후 C.. 2022. 3. 18.

티스토리툴바