본문 바로가기

분류 전체보기

(154)
Spring 기초 개념 잡기 JDK당 Spring Framework 버전 JDK 8+ => spring 5.x JDK 6+ => spring 4.x JDK 5+ => spring 3.x Missing tools 오류 발생시 해당 오류가 발생하 때는 보통 JRE가 PC에 설치된 JRE폴더의 VM을 참조해 발생하는 문제이다. PC의 JDK폴더 내부의 JRE VM을 참조하도록 설정을 변경한다면 문제가 해결된다. home.jsp의 실행 과정 가장 먼저 web,xml을 참조하게 된다. (웹 프로젝트의 배치 기술서) => 웹 프로젝트의 중요한 정보들을 가지고 있는 환경 설정 파일이라 할 수 있다. Spring 내에 자체적으로 내장된 DispatcherServlet을 디폴트 서블릿으로 지정한다. => 이후 모든 서블릿 요청은 Dispatcher..
Eclipse환경에서 Spring MVC 프로젝트 생성하기 Spring 3 플러그인 추가 설치하기 Spring 3또한 지원하도록 만들기 위해 마켓을 방문한다. spring을 검색해 나오는 STS3 플러그인을 설치한다. Eclipse의 기본 인코딩들을 UTF-8로 설정해주기 preference로 들어간 후 General > Workspace탭으로 향한 뒤 위 사진과 같이 UTF-8로 설정한다. 같은 설정창에서 General > Editors > Text Editors > Spelling탭으로 향한 뒤 UTF-8로 설정해준다. Web탭에서의 CSS & HTML & JSP탭에서 각 인코딩들을 전부 UTF-8로 변경해준다. 프로젝트 생성하기 프로젝트를 처음 만들었을 때는 New > Others를 누른 후 검색창에 spring을 작성해주어 spring에 관련된 프로젝트들..
intellij를 통한 Spring MVC, Maven 프로젝트 생성하기 Maven 프로젝트 생성 GroupId group id는 프로젝트마다 접근할 수 있는 고유한 이름으로 설정한다. 보통은 패키지 네이밍에 대한 규칙(도메인 뒤집기)을 따르는게 정석이다. ex) org.apache.maven, org.apache.commons ArtifactId artifact id는 jar 파일에서 버전 정보만 뺀 것을 이름으로 설정하게 된다. 이름의 형식은 정해져있지 않으나 소문자를 사용하며 특수문자를 사용하지 않는 것을 권장한다. ex) maven, commons-math 프로젝트를 생성한 후에는 우측 아래에 팝업창으로 생성되는 enable auto import를 클릭해주는 것이 좋다. Spring MVC 적용하기 Spring MVC를 체크해 해당 프레임워크가 프로젝트에 적용되도록 해..
[html/css] overflow 속성 (overflow: visible, hidden, scroll, auto 차이) (스크랩) https://aboooks.tistory.com/84 [html/css] overflow 속성 (overflow: visible, hidden, scroll, auto 차이) [html/css] overflow 속성 (overflow: visible, hidden, scroll, auto 차이) 오늘 배워 볼 속성은 overflow입니다. overflow 속성은 요소의 박스에 내용이 더 길 때 어떻게 보일지 선택하는 속성입니다. 상속여부:.. aboooks.tistory.com Todo에 대한 프로젝트를 진행하던 중 div태그 내에 리스트가 태그 밖으로 넘치게 될 때 이를 관리할 속성이 무엇인지 찾던 중 발견한 블로그다. 이를 보며 처음부터 스크롤이 있지 않고 넘칠 때에만 스크롤이 생기도록 만드는 방식..
프토토타입 & 클래스 프로토타입 같은 객체 생성자 함수를 사용할 경우에 특정 함수 또는 값을 재사용할 수 있도록 만들어주는 역할을 한다. 자바에서의 클래스와 비슷한 역할을 한다고 생각해도 되겠다. 상속이나 생성자 등을 활용할 수 있기 때문에 어느 정도유사한 기능을 한다고 생각할 수 있다. function Person(name, age, score) { this.name = name; this.age = age; this.score = score; } Person.prototype.checkScore = function () { console.log(this.score); } Person.prototype.greetings = '안녕'; const person1 = new Person('철수', 20, 40); const pe..
const에 대한 오해 (스크랩) https://hyunseob.github.io/2016/11/21/misunderstanding-about-const/ const에 대한 오해 const is not immutable?얼마 전에 어떤 페이스북 그룹에서 공유된 글 중에 이런 글이 있었다. 본문에는 이런 문장이 있다. ES6 const does not indicate that a value is ‘constant’ or… hyunseob.github.io function을 이용한 생성자 선언을 const로 할 수 있는 방법이 있을까 찾아보던 중 방문한 사이트다. 생각치도 못하게 평소 궁금했던 const에 대한 지식을 더 얻을 수 있던 기회가 되었다. 배열 등의 Object를 선언했음에도 내부의 값이 변경되는 이유에 대한 정확한 이유를 알지..
배열의 내장함수 JavaScript에서 유용하게 쓸 수 있는 내장함수 forEach forEach는 기존에 여러 언어에서 두루 쓰이는 for문을 대체할 수 있는 가장 간편한 내장함수다. const list = [1, 2, 3, 4, 5, 6]; for (let i = 0; i console.log(value)); 내장함수인 forEach를 사용했을 때의 코드 위 두 코드와 같이 forEach를 사용하게 되면 기존의 코드를 더 간략하게 축약할 수 있게 된다. map map함수는 매개변수로 함수를 받을 수 있으며 이..
자바스크립트 문제 풀이 (2) 자바스크립트 헷갈리는 개념 정리 (Beginner) 17) 아래 코드의 결과값은? ★ const list = [1, 2, 3]; const result = list.join(); 정답 = 1,2,3 join() 메소드를 잘 알고 있지 않아 세 요소를 전부 합한 값인 6인지 1,2,3인지 헷갈리는 문제였다. join() 메소드는 기준이 되는 배열의 모든 요소를 구분자를 기준으로 나누도록 만드는 역할을 하며 별다른 값을 입력하지 않는다면 ,이 기준이 된다. 가령 위 코드에서 join(' | ')으로 명령을 넣었다면 결과값은 1 | 2 | 3으로 달랐을 것이다. 18) 아래 코드의 결과값은? const array = [1, 2, 3]; const result = array instanceof Array; 내가..