본문 바로가기

Language

(31)
[JavaScript] event.preventDefault() 간단 사용법 안녕하세요! Plitche(플리체)입니다. 이번 포스팅의 주제는 [JavaScript] event.preventDefault() 간단 사용법 입니다. Intro 태그나 과 같은 태그처럼 몇몇 태그는 특정 기능을 가지고 있다. a태그는 href를 통해 특정 사이트로 이동하거나, submit태그는 값을 전송하면서 창이 새로고침(reload)된다. 이런 태그의 이벤트 기능을 preventDefault를 통하여 동작하지 않도록 막을 수 있다. preventDefault란? 위에 간단히 설명한 부분에 더 추가를 하자면, preventDefault를 호출하게 되면 일반적으로 브라우저의 구현에 의해 처리되는 기존의 액션(동작)이 진행되지 않고, 결과적으로 해당 이벤트가 발생하지 않는다. DOM을 통한 이벤트 동작을 ..
[JavaScript] setTimeout() Method를 이용한 타이머 함수 간단 사용법 안녕하세요! Plitche(플리체)입니다. 이번 포스팅의 주제는 [JavaScript] setTimeout() Method를 이용한 타이머 함수 간단 사용법 입니다. Intro 업무를 진행하다보면 javascript에서 일정 시간이 지난 후 특정 함수를 실행해야될 일이 생긴다. 예를 들면 페이지 로드 후 일정 시간이 지나면 알럿을 띄워준다거나 하는 경우이다. 이럴 떄 Window 타이머 함수인 setTimeout()를 이용하면 좋다. setTimeout() 란? Window함수로써 위에 간단히 설명한 것 처럼 내가 지정한 특정 시간이 지난 뒤 동작하게 한다. 아래 문법을 확인해보자. [참조] var timeoutID = window.setTimeout(func[, delay, param1, param2,..
[JavaScript] alert() method 확인 후 링크 이동(엑션) 안녕하세요! Plitche(플리체)입니다. 이번 포스팅의 주제는 [JavaScript] alert() method 확인 후 링크 이동(엑션) 입니다. Intro 이번 포스팅에는 alert() 메소드 확인 버튼 클릭 후 링크 이동 등 특정 엑션을 진행하는 방법입니다. 사실 간단하게 생각해보면 엄청 쉽게 처리할 수 있는 부분인데 실수 할 수 있는 부분에 대해서, 또는 다른 방법(?)에 대해서 설명하고자 합니다. javascript code 간단히 버튼 하나를 생성하고 그에 맞는 스크립트를 작성한다. 위와 같이 작성한다면 당연히 알럿이 먼저 호출되어 작동하고, 그 다음 페이지 이동을 할 것이다. 이와 같이 간단한 코드가 그럼 무엇이 궁금한 것일까 ? 비동기 통신을 조심하라! Warn(주의) 만약 어떤 특정 엑..
[Java] SimpleDateFormat 사용법 - 날짜 형식 지정 안녕하세요! Plitche(플리체)입니다. 이번 포스팅의 주제는 [Java] SimpleDateFormat 사용법 - 날짜 형식 지정입니다. 개인적으로 항상 사용할 때 마다 구글링이 필요한 부분입니다. 그 만큼 저는 자주 사용하지는 않았지만 참 익숙해지지 않는 것 중 하나라 포스팅하게 되었습니다. intro 날짜를 표현하기 위해서는 년, 월, 일, 요일, 시, 분, 초를 활용해서 아래와 같이 무수히 많은 방법으로 표현 할 수 있다. 2021.03.22[월] 13:30:00 2021.03.22[월] pm01:30:00 21.03.22[월] pm01:30:00 21-03-22[월] 13:30 올해(2021년)의 크리스마스는 '토'요일 입니다. ... 이외에도 년도는 표기하지 않거나 중간 구분자를 다른 형태로..
[JAVA/JSP] getAttribute()와 getParameter()의 차이점 안녕하세요! Plitche(플리체)입니다. 이번 포스팅의 주제는 [JAVA/JSP] getAttribute()와 getParameter()의 차이점입니다. intro jsp에서 데이터를 보내서 컨트롤러로 받는 방법은 여러가지가 있다. 대표적으로 HttpServletRequest 클래스를 통하여 name을 꺼내는 방법 DTO(Data Transfer Object)로 데이터를 오브젝트로 받는 방법 VO(Value Object)로 이름에서 유추가 가능하듯이 값 오브젝트로 받는 방법 어노테이션을 활용한 @RequestParam으로 값 받아오는 방법 어노테이션을 활용한 @Pathvariable로 url 경로의 변수를 가져오는 방법 등 위의 여러방법 중 오늘은 HttpServletRequest을 통해 값을 가져오는..
[Java] 자바 제곱, 제곱근 구하기(Math 함수) 안녕하세요! Plitche(플리체)입니다. 이번 포스팅의 주제는 [JAVA] 자바 제곱, 제곱근 구하기(Math 함수)입니다. Intro 엄청 자주 쓰이는 것은 아니지만, 혼자 알고리즘 문제를 풀다보면 제곱, 제곱근을 구해야 하는 경우가 발생한다. for문을 이용하여 구할 수 도 있지만, 만약 소수점 자리까지 구해야 하는 경우가 오는 경우가 있다. 간단한 메소드(method)를 호출하여 손쉽게 구할 수 있으니 이참에 알아보도록 하자. 제곱 구하기 (Math.pow()) 사용자로부터 숫자 하나를 입력 받아 그 숫자를 제곱한 결과를 출력하는 코드를 작성해보자. Scanner sc = new Scanner(System.in); System.out.println("제곱할 숫자 입력"); int number = ..
[Java] Array(배열)과 ArrayList의 차이, 그리고 정렬(Sort) 안녕하세요! Plitche(플리체)입니다. 이번 포스팅의 주제는 Array(배열)과 ArrayList의 차이, 그리고 정렬(Sort)입니다. intro 백준, 프로그래머스, 코드업 과 같은 문제를 풀다보면 배열이나 리스트를 사용해야 될때가 항상 있다. 하지만 그 차이를 모른다면 비슷한 용도로 사용 되기 때문에 자칫 혼동 되기 쉽다. 때문에 이 차이점에 대해서 간략히 설명하고, 그 중 ArrayList(리스트)의 정렬 기능에 대해서도 안내하고자 한다. Array(배열) 장점 인덱스를 통한 검색이 용이하다. 연속적이므로 메모리 관리가 편하다. 단점 크기가 고정되어 있기 때문에 특정 엘리먼트가 삭제되면, 해당 index자리를 빈 공간으로 남겨두기 때문에 메모리가 낭비 될 수 있다. 배열의 크기를 컴파일 이전에..