본문 바로가기
반응형

전체 글87

[Spring] Spring Framework MVC 커뮤니티 사이트 Tutorial 시작 ※ eclipse 툴을 이용한 Spring Framework MVC 프로젝트 개발 튜토리얼 ※ 커뮤니티 사이트 만들기 튜토리얼 1. 학습 목표 Spring Framework LifeCycle 이해 Spring 설정에 대한 이해 SQL Query 기본에 대한 익숙함 증가 코딩 기초에 대한 이해 ※ 나도 잘 못하는데 이런 글을 써도 되나 싶다 2. 프로젝트 컨셉 커뮤니티 사이트 만들기! 3. 구현 범위 사용자 사이트 메인화면 공지사항 목록 조회 공지사항 상세 조회 사용자 알람 표시 카테고리 별 베스트 게시글 조회 배너 이미지 표시 로그인 페이지 이동 기능 게시글 게시글 등록 게시글 목록 조회 게시글 상세 조회 게시글 조회수, 추천, 비추천 기능 게시글 수정, 삭제 댓글 영역 - 베스트 댓글 상위 노출 댓글 .. 2021. 1. 20.
[Eclipse] Eclipse Tab to Space 설정 ※ Eclipse 를 이용해 개발을 할 때 tab 문자열 때문에 사람에 따라 소스코드가 뒤죽박죽으로 보일 때가 있다. ※ 소스코드는 개발하는 당사자만 보는 것이 아니기 때문에 개발 표준에 맞춰 개발할 필요가 있다. 1. 이클립스 상단 메뉴 Window - Preferences 를 클릭 2. 검색어에 tab 을 입력 3. 빨간 네모 영역에 있는 값을 세팅한다. ※ Displayed tab width : 의 값은 개발 표준을 따르도록 한다. ※ Show whitespace characters 옵션은 빈 공간을 화면에 표시해주는 기능이다. ※ 해당 옵션을 선택할 경우 아래 그림과 같이 화면에 표시된다. 4. 소스 코드에 대한 설정이다. ※ Profile name 은 사용자가 원하는 값을 입력해도 된다. Tab.. 2021. 1. 20.
[java] Reflection 어쩌다 Reflection 프로젝트를 진행하다보면 VO 나 DTO 에 있는 column1, column2, column3, ... , column100 이런 형태의 필드에 값을 단순하게 setter 를 이용해 값을 채워줘야할 때가 있다 이런 건 그냥 반복문 돌려서 "setColumn"+(i)+"("+value+")" 이렇게 처리해도 될 것 같은데... 라는 생각에 Reflection 을 접하게 되었다. 쉽게 말해 문자열로 자바 클래스 메서드를 실행시키고 싶다! 라는 마음으로 접하게 된 것이 Reflection 이다. Reflection 개념 객체를 통해 클래스의 정보를 분석해 내는 프로그램 기법 투영 반사 Reflection 사용 아래 소스 코드와 같이 Vo Class 를 생성하고 aa1 ~ aa20 까.. 2021. 1. 19.
[Spring] Annotation Annotation 코드 사이에 주석처럼 쓰이며 특별한 의미, 기능을 수행 프로그램에 추가적인 정보를 제공해주는 메타데이터 자주 사용하게 되는 Spring Annotation Annotation 설명 사용 @Controller 웹 어플리케이션에서 웹 요청과 응답을 처리하는 Class 에 사용 (프리젠테이션 레이어) Controller Class @Service 비즈니스 로직을 가진 Class 에 사용(서비스 레이어) Service Class @Repository 영속성을 가지는 속성(퍼시스턴스 레이어) DAO 같은 DB 관련 Class @Component 개발자가 직접 작성한 Class 를 Bean 으로 등록하기 위한 Annotation 그 외 사용하고 싶은 Class Spring Annotation 꾸.. 2021. 1. 19.
[Node.js] Node.js 시작하기 1. Node.js비동기 이벤트 주도 JavaScript 런타임으로써 Node.js 는 확장성 있는 네트워크 애플리케이션을 만들 수 있도록 설계되었습니다. nodejs.org/ko/about/About | Node.jsNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org 2. 준비물- Node Js 설치하기 3. node js 를 이용한 javascript 실행 적당한 위치에 study 라는 폴더를 만들고 그 안에 test.js 파일을 생성합니다. test.js 파일 내용console.log('test file execute');study 폴더에서 shift 키를 누르고 마우스 오른쪽 클릭을 하면 아래 메뉴가 .. 2021. 1. 19.
[Chrome] 크롬 개발자 도구를 이용한 디버깅 ※ 개인 의견이기 때문에 절대로 정답이 아님 ※ 프로젝트를 수행하면 상황에 따라 다르지만 웹 서비스를 디버깅할 때 유용한 팁 1. 크롬 개발자도구 창 활성화 단축키 : F12, Ctrl+Shift+I 개발자 도구를 활성화 하게 되면 아래 그림과 같이 표시된다. ※ 화면이 분할되어 기존 스타일이 망가질 수 있기 때문에 Dock 위치를 변경하는 편이다. ※ 아래 그림 중 Dock Side 영역에 가장 왼쪽에 있는 옵션을 클릭 크롬창 활성화는 준비되었다. 2. html element 선택 크롬 개발자 도구에서 아래 빨간색 위치에 있는 버튼(Select an element in the page to inspect it )을 클릭한다. 단축키 : Ctrl + Shift + C 그리고 원하는 html element.. 2021. 1. 19.
반응형

티스토리툴바