분류 전체보기116 JavaScript 자바스크립트 시계 만들기 타이머 관련 예제를 보다가 급 티켓팅할 때 애용했던 네이비즘 서버시간 사이트가 떠올라 간단하게 시계를 만들었다 ㅋㅋㅋ HTML 삽입 미리보기할 수 없는 소스 코드 전문 Date의 getDate() 메서드는 요일을 0~6의 숫자로 표현해준다. 따라서 요일을 담는 배열을 생성해 가져다 쓸 수 있도록 작성 getFullYear() 메서드부터 getSeconds() 메서드를 이용, 문자열을 조합하여 시간을 표현해줌 처음에 setInterval 메서드에 Date 객체 뽑아오는걸 바로 작성 했었는데 그러면 시계가 바로 나오지 않고 1초 뒤에 나오게 된다. 그래서 함수를 따로 만들어 빼주고 그 함수를 호출 해준 뒤 setInterval()이 돌아가게 하면 끝! 재밌다 ㅎ 화면 디자인 완전히 따라 만들진 않았고 이렇게.. 2023. 4. 9. DOM(Document Object Model) 문서 객체 모델 문서 객체 모델(DOM: Document Object Model)은 넓은 의미로 웹 브라우저가 HTML 페이지를 인식하는 방식이고, 좁은 의미로는 document 객체와 관련된 객체의 집합이다. DOM을 사용하면 HTML 페이지에 태그를 추가, 수정, 제거할 수 있다. vellalog 위 코드는 아래와 같은 트리 모양으로 나타낼 수 있다. 위 그림 속의 각 요소들을 '노드'라고 부른다. 노드는 요소 노드(Element Node)와 텍스트 노드(Text Node)로 구분할 수 있다. 요소 노드는 html 태그를 의미하고 텍스트 노드는 요소 노드 안에 들어있는 글자를 의미한다. 1. 문서 객체 만들기 1-1. 동적으로 문서객체 만들기 💭 웹 페이지가 처음 HTML 페이지에 적혀 있는 태그들을 읽으며 생성하는.. 2023. 4. 8. Spring 스프링 5버전 Controller - @InitBinder 전송된 값을 받을 때 변환이 가능한 데이터는 자동으로 변환 되지만 경우에 따라서는 파라미터를 변환해서 처리향 하는 경우가 존재한다. 예를 들어, 화면에서 '2022-10-28'과 같이 문자열로 전달된 데이터를 java.util.Data 타입으로 변환하는 작업이 그러하다. 스프링5의 Controller에서는 파라미터를 바인딩 할 때 자동으로 호출되는 @InitBinder 어노테이션을 이용해서 이러한 변환을 처리할 수 있다. 🎇 예제 1) 클래스 작성 2) 컨트롤러 클래스 작성 ✨ 실행 결과 2023. 4. 6. DI(Dependency Injection) 의존성 주입 💡의존성(Dependency)이라는 것은 하나의 객체가 다른 객체 없이 제대로 된 역할을 할 수 없다는 것을 의미한다. 예를 들어 음식점에서 서빙을 담당하는 직원이 못 나오는 상황이 있어도 장사는 할 수 있지만 주방장이 못 나온다면 장사를 할 수 없는 일이 발생한다. 이처럼 의존성은 하나의 객체가 다른 객체의 상태에 따라 영향을 받는 것을 의미한다. 흔히 A객체가 B 객체 없이 동작이 불가능한 상황을 'A가 B에 의존적이다'라고 표현한다. 주입(Injection)은 말 그대로 외부에서 '밀어 넣는 것'을 의미한다. 예를 들어 어떤 음식점의 경우 매일 가게를 열기 전 직접 식재료를 구하기 위해 장을 보지만 프랜차이즈 식당들은 본사가 트럭 등을 이용해 식재료를 공급한다. 이 두 가지 방식의 차이는 필요한 객.. 2023. 4. 6. @PathVariable 리다이렉트 구현하기 https://tavi.tistory.com/112 @PathVariable 적용기 이론 공부하며 포스팅했던 @PathVariable에 대한 게시글 인데 프로젝트를 진행하며 읽어보았을 때 내가 쓴 글임에도 어떻게 적용해야될지를 모르겠더라 ㅎ 저 글을 작성할 때도 RESTful 서비스에 대 tavi.tistory.com @PathVariable을 적용 했다면 수정 구동, 삭제 등을 구현하 리다이렉트를 마주하게 될 것이다. 이거도 진짜 별거 읎음.. 컨트롤러의 수정 구동 메소드는 이렇게 작성하였다. Ajax를 활용하여 해당 게시글의 카테고리와 글 번호 값을 가져올 것이다. 유효성 검사를 거치는 스크립트문의 일부인데 모든 유효성 검사를 통과하면 카테고리와 글 번호를 변수에 담아 Ajax를 통해 Controll.. 2023. 4. 1. @PathVariable 적용기 이론 공부하며 포스팅했던 @PathVariable에 대한 게시글 인데 프로젝트를 진행하며 읽어보았을 때 내가 쓴 글임에도 어떻게 적용해야될지를 모르겠더라 ㅎ 저 글을 작성할 때도 RESTful 서비스에 대해 잘 모르고 별 생각이 없었던 때라(...) 온전히 이해하진 못했던 것 같다. 구글링을 해도 내가 보고 싶은건 책에 나오는 예시가 아닌 '적용기'였는데 그당시 찾지 못했었고.. 에러들을 해쳐나가며 적용하고나니 뭐가 그렇게 어려웠나 싶다. 나처럼 프로젝트에 적용하고 싶은데 갈피를 못잡겠는 사람을 위해 기록한다! 내가 프로젝트에 적용한 구조는 메인 화면에서 카테고리를 선택하면 해당 카테고리에 들어가는 방식이다. jsp에선 직접 url을 입력해줬다. RequestMapping URI에 받고자 하는 파라미터를.. 2023. 4. 1. 이전 1 ··· 5 6 7 8 9 10 11 ··· 20 다음
