목록 web (31)
KEEP GOING

Spring을 이용한 챗봇 개발 프로젝트를 완성시키고자 여러 사이트를 뒤지던 중에 아주 좋은 영상을 발견했습니다. 참고한 영상은 조코딩님의 자바스크립트 api 구현 영상입니다. https://www.youtube.com/watch?v=QPEUU89AOg8 해당 영상은 api에 대해 갓벽한 설명을 하고 있습니다. (조코딩님 정말 최고신듯) 2019년 영상이라 실습을 진행하면서 조금씩 바뀐 정보들이 있길래 글을 작성해봅니다. 먼저 영상을 참고하여 json, api, jQuery, ajax 등이 무엇인지 이해 바랍니다. 이전 html 실습을 위해 설치해둔 프레임워크인 atom이 있어서 저는 atom 위에서 실습을 진행하였습니다. 참고로 atom에서의 코드 정렬 단축키는 영상에 있는 프레임워크와는 다른데 htt..

1. shift + Enter 코드 중간 커서에서 밑줄로 커서가 한번에 내려갈 수 있는 기능입니다. 2. ctrl + Enter 해당 변수나 클래스를 정의한 선언부로 이동할 수 있는 기능입니다. 3. alt + shift + R 클래스명, 메소드명, 필드명 위에서 누르면, 이름을 바꿀 수 있습니다. * 변수를 복사하고나서 rename 가능 member1 내용 복사하고 나서 변수명을 member2로 바꾸고 싶을때 마우스 member1 위에 대고 단축키 사용 member2로 고치고 enter 4. System.out.println() 자동 완성 sysout 입력후 ctrl + spacebar * 변수를 자동완성하고 싶은 경우에도 ctrl + spacebar 사용 5. ctrl+ shift + O 외부 라이브..

(1) src/main/java/com.ssnc.inflearn.controller/helloController.java @GetMapping("hello-spring") @ResponseBody public String helloSpring(@RequestParam("name") String name) { return "hello" + name; } 이 메소드를 보시면 "hello" 문자열과 name 객체에 담긴 문자열 값을 리턴하고 있습니다! @RequestParam 어노테이션은 클라이언트가 name이라는 key를 통해 직접 value 값을 넣어줄 수 있도록 하는 기능입니다. 이해가 잘 안되신다면 지난 번에 배웠던 내용을 상기해봅시다. (참고를 위해 삽입한 코드입니다.) @Controller publ..

자바로 프로젝트를 생성하는 경우 get, set 메소드를 일일이 만들어 주는 과정은 매우 귀찮습니다.. 몇번의 클릭 혹은 단축키를 사용하여 간단하게 getter, setter 메소드를 만들어 봅시다. (spring 프로젝트의 경우 롬복을 설치하면 @Data라는 어노테이션을 통해 자동 설정 가능합니다.) 1. get, set method를 생성할 변수를 우측 마우스로 클릭 > source > Generate Getters and Setters... 2. 해당 변수 체크박스 선택 후, 접근 지정자 선택 > Generate 3. 완성 + getter, setter 메소드 단축키 : Alt + Shift + s 변수 옆에 커서 두고 Alt + Shift + s 누른 뒤 > Generate Getters and ..

전반적으로 spring framework에 대해 이해하였으나 직접 만들고 구현해보진 않아서 이해한게 맞나? 하는 의구심이 들었습니다. 그래서 인프런 사이트의 김영한님의 스프링 입문 영상을 참고하며 실습하려고 합니다. 영한 님께서는 intelliJ를 사용하지만 이미 sts가 깔려 있어서 그냥 sts를 사용했습니다. 영상에서는 start.spring.io를 통해 만든 Gradle pakage를 만드셨는데 sts에서 import하는 방법이 잘 모르겠어서(;;) 그냥 새로 프로젝트를 만들어줬습니다! File > New > Spring Starter Project 영한님께서 제공하신 프로젝트 파일 정보 위 내용에 맞춰서 내키는대로 명칭들을 세팅해주었습니다 보통 com 뒤에는 회사명이 온다고 하여 현장 실습 중인 ..

자꾸 까먹어서 그냥 적어놔야겠다는 생각으로 글을 씁니다. (진짜 바본가보ㅏ ....) 경로 1. Window > Preferences > 2. fonts 검색 > Colors and Fonts 클릭 > 3. Basic 하위 카테고리인 Text Font 클릭 > Edit 클릭 > 4. 원하는 크기로 변경 후 확인 > Apply and Defaults 끝 ~!

html파일에 외부 자바스크립트 파일을 추가해보는 실습을 진행하였다. 1. jsTest.html JAVA SCRIPT test 나는 6월 22일부터 에스에스엔씨에서 현장실습을 진행중이다. html css 기본 공부를 마쳤고 자바스크립트를 배우고 있다. 2.sample.js var heading = document.querySelector('#heading'); heading.onclick = function(){ heading.style.color = "red"; } // 간단한 메시지 표시 // alert("고앵이 사쥔을 보여드릴 예정입니다"); // var reply = confirm("확인 취소 둘중에 하나만 골라봐"); var name = prompt("이름을 입력하세요"); document.wr..

HTML 문서에 자바스크립트를 활용하면 페이지를 움직이는 효과를 넣어줄 수 있다. 활용 예시 1. 웹 사이트 상위 메뉴에 마우스 올렸을 때 하위 메뉴를 펼치기 2. 같은 화면에서 탭누르면 여러 컨텐츠 보여주기 3. 사용자 입력 정보가 서버에 전송할 양식에 맞는지 검사 4. 웹 어플리케이션 제작 사용자와 실시간으로 통신할 수 있는 웹을 만들 수 있다. 공개된 API문서나 데이터 시각화 라이브러리를 사용해 사이트를 제작할 수 있는데 이때 자바스크립트를 사용한다. 5. 서버 개발 자바 스크립트를 이용해 백엔드 개발을 할 수 있다. 자바스크립트를 이용하여 백엔드 개발을 할때 사용하는 프레임워크로는 Node.js가 있다. 특징 1. 이미지나 텍스트 등을 전체를 display한 이후에 적용해야 하므로 태그 직전에 ..