본문 바로가기

BE/WebProgramming

(25)
[JAVA] 절차 지향 VS객체 지향 JAVA는 알다시피 객체지향 프로그래밍이다. 왜 절차지향 대신 객체지향을 선택한걸까? 공통 질문)(1차 버전) 원을 회전 시켜라 (2차 버전) 사각형을 회전 시켜라  절차 지향=(결합도가 높은 코드)순차적으로 실행을 하며, 객체 지향보다는 실행 속도가 빠르다 결합도가 높다? ==> 제공자 코드가 바뀜에 따라 사용자 코드도 같이 바뀜기능이 바뀌거나 기능 하나의 매개변수가 바뀌면 수정 과정에서 코드가 복잡해진다.  객체 지향 =(느슨한 결합도)제공자 코드가 바뀜에 따라 사용자 코드도 같이 뀌지 않음 필요에따라 언어마다 지향하는 프로그래밍은 다르겠지만. JAVA는 객체지향을 사용한다.    Q. 객체 지향 프로그래밍의 목적?"클래스 재사용성 높이자"클래스는? 객체를 만드는 틀이라고 할..
[WEB] ■mbti 기록하기 사용자의 이름, 나이, 성별, 이메일을 입력하고 저장함, 4~5문제의 간단한 문항을 선택한뒤, 그에 따른 mbti를 출력하고 그 mbti를 저장함 + 출력 페이지를 mbti특징을 소개해주는 페이지와 연결하면 좋을 것 같다고 생각함 + 구현을 하고, 문항 개수를 늘려보면 좋을 것 같다고 생각 ■ 시작- 정보 입력페이지 이용자의 이름, 성별, 나이 ,이메일,예상 mbti를 입력하고 검사시작버튼을 누른다. 버튼을 누르면, db에 입력된 정보가 저장되면서 다음 페이지로 넘어가게 한다. 모두 입력이 되었을 경우에만 페이지가 넘어가도록 계획한다. 2. 검사 페이지 mbti에 관한 질문 사항을 4-5개 준비해 이에 대한 선택을 하도록 한다. 모든 문항에 답했을 경우에만 결과 페이지로 넘어가게 한다..
[WebProgramming]노마드 코더-JavaScript실습3 #To Do List 7.0 SetUp ▶ todo.js만들고 html에 추가, html에 할 일 목록을 적을 수 있는 form태그 만들기 -html 1 2 3 4 Colored by Color Scripter cs ▶ html 에 list만들고 js로 리스트의 내용을 추가시키기 1 2 3 4 5 6 7 8 9 10 11 12 13 14 const toDoForm= document.getElementById("todo-form"); const toDoInput=document.querySelector("#todo-form input"); const toDoList=document.getElementById("todo-list"); /*form관한 함수 생성, 이벤트의 기본 동작 막기 */ function..
[WebProgramming]노마드 코더-JavaScript실습2 # Clock 5.0 Intervals : 매번 일어나는 일들을 동작하게 함 ▶시계 만들기! clock.js를 만들고 clock을 만들어준다. ▶간격을 가지고 동작을 실행하기 하기 -setInterval(실행하고자 하는 function, 호출시간) -예시를 통해서 함수가 특정 시간마다 출력되는 것을 알 수 있다. 5.1 Timeouts and Dates ▶setTimeout: function을 여러번 호출하는 것이 아니라 한번만 호출하는 방법 setTimeout(function,얼마 뒤에 function 호출할지) ▶시간/분을 나타내기 위해서 DateObject tool 사용 new Date() -> console에 입력 Wed Aug 17 2022 23:17:59 GMT+0900 (한국 표준시) Dat..
[WebProgramming]노마드 코더-JavaScript실습1 - Login 4.0 Input Values 프로젝트를 할 때, html을 작성하고 , 거기에 있는 element들을 끌고 와서 js와 같이 동작을 할 수 있도록 해야함 ▶ html 에 input생성 많은 input과 login버튼이 있을 것이기 때문에, class나 id로 묶어서 코드를 효율적으로 사용해야함 html을 다 작성한 후에 js와 연결을 하며, querySelector() 를 사용할 때는 대상이 id인지 명확히 해줘야 한다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 Momentum App Log in Colored by Color Scripter cs ▶ js에 불러오기 1 2 3 4 5 6 7 8 9 const loginInput=document.query..
[WebProgramming] 노마드코더 JavaScript [4] -element를 가져오는 방법 querySelector & querySelctorAll querySelctor: element를 css방식으로 검색할 수 있게 해줌 → 예를 들어 html body태그 안에 들어있는 grab me! hello class내부에 있는 h1을 가져올 수 있게 해주는 것을 의미한다. queryselector는 첫번재 element만 가져올 수 있음 그래서 전체를 가져오기 위해서는 querylSelctorAll을 사용해주면 된다. -Events -Click Events const title=document.querySelector("div.hello:first-child h1"); function handleTitleClick(){ console.log("title was cli..
[WebProgramming] spring-회원 관리 예제 - 홈화면 만들기 -homeController 추가 package hello.hellospring.controller; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.GetMapping; @Controller public class HomeController { @GetMapping("/") public String home(){ return "home"; } } -resouces ->templates 에 home.html만들어주기 htrml에는 Hello Spring 회원 기능 회원가입 회원목록 내용을 작성해주면 된다. -홈화면 웹기능 : 등록 기존의 MemberControll..
[WebProgramming] 노마드코더 JavaScript [3] -recap -> 계산기 만들기 (일종의 예시..?!) const calculator={ add:function(a,b) { console.log(a+b); }, minus:function(a,b) { console.log(a-b); }, divide:function(a,b) { console.log(a/b); }, multiple:function(a,b) { console.log(a*b); } }; calculator.add(1,2); calculator.minus(5,4); calculator.multiple(2,3); calculator.divide(10,5); 이렇게 하면 코드가 제대로 실행이 되어 계산이 되는 것을 볼 수 있다. 위에 처럼 계산을 할 수 있지만, function안에서 계산된 값을..