본문 바로가기

전체 글388

[JavaScript] 배열 객체와 날짜함수 배열 객체 1 HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 pop( ) : 뒤에서부터 삭제 push( x ) : 맨 뒤에 숫자 x 넣기 unshift( x ) : 맨 앞에 숫자 x 넣기 shift( ) : 맨 앞에 숫자 삭제 splice( 1, 2 ) : 1번째, 2번째 삭제 x.concat( y ) : x와 y 합침 join( ) : 배열의 모든 요소를 기본 구분자 쉼표( , )로 결합한다. join( ' - ' ) : 배열의 모든 요소를 대시( - ) 로 구분하여 결합한다. every( x ) 배열 내의 모든 요소가 주어진 조건을 만족하는지 여부를 확인한다. 만약 배열내의 모든 요소가 x라면 true, 그렇지 않다면 false이다. some( x ) 배열 내의 어느 .. 2023. 9. 1.
[JavaScript] String 객체 함수 HTML 삽입 미리보기할 수 없는 소스 String 객체 함수 예시 코드 HTML 삽입 미리보기할 수 없는 소스 replace() - 메서드를 사용하여 문자열 내에서 "test"를 찾아 "sample"로 바꿔 결과를 출력한다. length - 문자열의 길이를 출력한다. toUpperCase( ) - 메서드를 사용하여 문자열을 모두 대문자로 변환한 결과를 출력한다. bold - 문자열을 굵은 글씨로 변환한 결과를 출력한다. charAt( x ) - 문자열에서 인덱스가 x인 위치의 문자를 가져와 출력한다. ( 0부터 시작하는 인덱스 ) substring(x,y) - 인덱스 x 부터 y-1까지 부분 문자열을 가져와 출력한다. ( 시작 인덱스 포함, 끝 인덱스 포함 x) substring(x) - 인덱스 x부터.. 2023. 9. 1.
[JavaScript] 생성자 함수 HTML 삽입 미리보기할 수 없는 소스 자바스크립트에서 생성자 함수는 객체를 생성하고 초기화하는 역할을 수행한다. 생성자 함수를 사용하면 유사한 속성과 메서드를 가진 여러 객체를 쉽게 생성할 수 있다. 생성자 함수를 사용하면 코드의 재사용성을 높이고, 객체 간의 구조를 일관성 있게 유지할 수 있다. HTML 삽입 미리보기할 수 없는 소스 1. 생성자 함수의 정의 생성자 함수는 function 키워드를 사용하여 정의된다. 함수 이름은 주로 대문자로 시작하며, 객체의 속성을 초기화하는 코드가 함수 내에 작성된다. 2. 새로운 객체 생성 생성자 함수를 사용하여 새로운 객체(인스턴스)를 생성할 때에는 new 키워드를 사용한다. new 키워드를 사용하면 생성자 함수 내부의 코드가 실행되어 객체가 초기화된다. 3... 2023. 9. 1.
[JavaScript] 자바스크립트 객체 VS 자바 객체 비교, Object HTML 삽입 미리보기할 수 없는 소스 위 코드는 자바스크립트에서 자바 형태의 객체를 하나 생성한 것이다. 자바스크립트 객체 HTML 삽입 미리보기할 수 없는 소스 그리고 위와 동일한 객체를 아래 코드에서 자바로 구현해보았다. 자바 객체 HTML 삽입 미리보기할 수 없는 소스 Obejct HTML 삽입 미리보기할 수 없는 소스 자바스크립트에서도 모든 객체는 Object를 상속받는다. Object는 자바스크립트 객체의 최상위 부모 클래스이며, 모든 객체는 Object의 프로퍼티와 메서드를 상속받는다. 이렇게 자바스크립트에도 객체가 존재하다는 것을 알아보았다. 자바스크립트에서도 JSON 형태로 객체를 만들어 저장해 Map으로 뿌려주면 정말 간편하겠다는 생각이 든다. 2023. 9. 1.
[JavaScript] HTML의 name 값은 document 생략, isNan이란? HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 여태까지 나는 document.querySelector('#adfsads')와 같은 것을 써왔는데, document후 바로 frm과 같이 값을 지정할 수 있었다. document 닷컴 이후의 데이터는 html에 있는 name 값을 의미한다. plusfunc( ) 함수에 alert으로 frm.a.value와 document.frm.a.value를 찍어본 결과 똑같은 값이 나왔다. alert(frm.a.value);와 alert(document.frm.a.value);는 원래 동일한 동작을 수행하지만, document 객체를 사용하는 방식은 조금 더 명시적이고 안전한 방법이다. alert(frm.a.value); 이 코드는 frm.. 2023. 8. 31.
[JavaScript] encodeURI( ) 와 decodeURI( ), eval( ) HTML 삽입 미리보기할 수 없는 소스 HTML 코드 HTML 삽입 미리보기할 수 없는 소스 encodeURI() 파라미터를 전달하는 URI전체를 인코딩 할때 특수문자(; : / = ? 등)을 제외한 문자만 인코딩 한다. 주로 인터넷 주소를 인코딩할때 사용한다. decodeURI() encodeURI()로 인코딩된 데이터를 다시 되돌린다 eval() 문자로된 수식을 javascript의 수식으로 인식하여 실행하고 결과를 반환한다 String() 숫자를 문자형으로 변환한다 2023. 8. 31.
[JavaScript] prompt 함수 사용하기 prompt란? JavaScript에서 사용되는 내장 함수 중 하나로, 사용자에게 메시지를 표시하고 사용자로부터 입력을 받을 수 있는 간단한 대화상자를 생성한다. prompt 함수는 두 개의 매개변수를 받는다. 첫 번째 매개변수는 사용자에게 표시할 메시지이다. 이 메시지는 사용자가 어떤 입력을 해야 하는지 설명하는 역할. 두 번째 매개변수는 선택사항이다. 사용자의 입력 필드에 표시될 기본 값을 나타내는 문자열이다. 생략하면 입력 필드에 아무 값도 표시되지 않는다. 자바스크립트를 왼쪽과 같이 코드를 만들어주면, 페이지에 들어왔을때 문자열 값이 뜨게 된다. 만약 두 번째 매개변수 자리에 이렇게 데이터를 넣어주면, prompt가 생성됨과 동시에 문자열이 들어가있다. if문과 같이 id값과 pw 값에 따라 이후.. 2023. 8. 31.
[Spring-Legacy] @ModelAttribute와 ModelAndView servlet-context.xml 스프링 프레임워크에서 컴포넌트 스캔을 수행하는 설정 요소이다. 이 설정을 사용하면 지정한 패키지나 패키지들을 스캔하여 관련된 컴포넌트를 자동으로 찾아 빈으로 등록할 수 있다. servlet-context.xml에 을 설정함으로써 스프링 컨테이너는 해당 패키지 아래에 있는 컴포넌트들을 검색하고 빈으로 등록한다. 여기서 주로 사용되는 속성은 base-package이다. 이 속성은 스캔할 대상 패키지를 지정한다. base-package에 지정한 패키지부터 하위 패키지까지 컴포넌트 스캔이 수행한다. 예를 들어, 라는 설정을 사용했다면 다음과 같은 동작이 이루어진다. 1. 스프링 컨테이너가 시작될 때, com.bit.controller 패키지와 그 하위 패키지를 스캔한다. 2... 2023. 8. 29.
스프링(Spring) MVC 패턴에 대한 개념과 동작 순서 스프링 MVC ( Model- View- Controller ) Pattern Model 어플리케이션 상태의 캡슐화 어플리케이션의 기능 표현 상태 쿼리에 대한 응답 변경을 view에 전달 View 모델에게 업데이트 요청 모델을 화면에 시각적으로 표현 사용자의 입력을 컨트롤러에 전달 컨트롤러가 View를 선택하도록 허용 Controller 사용자 액션을 모델 업데이트와 Mapping 응답에 대한 view를 선택. Spring MVC의 구성요소 DispatcherServlet (Front Controller) 클라이언트의 요청을 받는다. Controller에게 클라이언트의 요청을 전달한다. Controller가 리턴한 결과값을 View에게 전달하여 알맞은 응답을 생성한다. HandlerMapping 클라이언.. 2023. 8. 29.
@RequestParam 보호되어 있는 글 입니다. 2023. 8. 28.
@RestController와 @RequestMapping @PathVariable ( 경로변수 ) @RestController와 @Controller의 차이 @Controller 이렇게 하고 실행하면 Error resolving template [a], template might not exist or might not be accessible by any of the configured Template Resolvers 이런 오류가 뜬다. @RestController 하지만 @Controller 대신에 @RestController를 사용하게 되면, 위와 같이 페이지가 잘 나타난 것을 확인할 수 있다. @Controller 이 어노테이션을 사용한 클래스는 일반적으로 뷰 렌더링을 위해 사용되며, HTML을 포함한 다양한 타입의 응답을 생성할 수 있다. 주로 서버 사이드 렌더링을 위해 사용된다. @Res.. 2023. 8. 28.
로깅(Logging) 에 대해서, 왜 써야하는지? @Slf4j 어노테이션 로깅(Logging) 이란? 실행 동작을 일련의 기록인 로그(Log)의 생성을 통해 남겨놓는 일이다. 로그는 재현하기 힘든 버그나 성능에 대한 통계 등, 프로그램 동작에 있어서 유용한 정보를 제공하기 때문에 로깅 작업은 실제 서비스 개발에 필수적이다. 보통 데이터를 넘겨주고 받는 과정에서 컨트롤러에서 System.out.Println( ) 메서드를 이용해 컨트롤러에 데이터가 왔는지 체크를 하게 된다. 간편해서 이렇게 늘 사용해왔는데, 치명적인 단점이 존재한다. System.out.println( ) 메서드를 사용했을 때의 문제점 1. 성능 저하 System.out.println( ) 메서드는 내부적으로 newLien( ) 메서드를 호출하는데, 이는 sysnchronized 가 사용된다. sysnchron.. 2023. 8. 27.

티스토리툴바