분류 전체보기 (124) 썸네일형 리스트형 [오류해결] IE에서 padStart 사용하기 브라우저 별로 테스트를 하는 도중 아래와 같은 오류가 발생하였다. 1. 오류 발생 원인우선 padStart()란 특정 길이에 도달할 때까지 문자열 앞 부분에 특정한 문자열을 채워주는 메서드이다. ES8(ES2017) 부터 새롭게 추가된 기능이며, IE 환경에서는 padStart() 메서드가 지원되지 않아 발생된 오류이다. 아래 사이트에서 브라우저 별로 지원되지 않는 메서드를 확인할 수 있는데 padStart()를 검색하면 IE 환경에서 지원하지 않는다는 사실을 알 수 있다. 이뿐만 아니라 includes(), padEnd() 등의 메서드도 지원되지 않는 걸 확인할 수 있다. https://caniuse.com/ Can I use... Support tables for HTML5, CSS3, e.. [JAVA] 서블릿(Servlet) 구현하기 1. 서블릿(Servlet)이란?서블릿이란 자바 어플리케이션에서 클라이언트의 요청을 처리하고 응답을 반환하는 역할을 하는 서버 측의 프로그램 형식이다. 주로 HTTP 요청/응답 처리를 할 때 사용을 하며, Spring MVC구조의 Controller 역할이라고 생각하면 된다. Spring MVC는 DispatcherServlet을 사용하기에 별도의 Servlet 처리를 하지 않아도 HTTP 통신 및 엔드포인트 사용이 가능하지만 Spring MVC 환경이 아닌 그냥 이클립스 환경에서는 Servlet을 사용하여 구성해주어야 HTTP 통신이 가능해진다. 2. 서블릿(Servlet)의 동작 원리서블릿의 동작 원리 및 순서는 아래와 같다.웹 브라우저(클라이언트)에서 웹 서버에 요청을 한다.웹 서버.. [NextJS] Console.log 2번 출력 해결 NextJS 개발을 하던 중 값 확인을 위해 console.log를 사용했더니 똑같은 값이 2번 출력되는 현상이 눈에 띄었다.아래와 같이 같은 라인의 명령어가 2번 동작되는 걸 확인할 수 있다. 1. 발생 원인해당 이슈는 React 18에 생겨난 strict mode로 인해 발생이 되는 현상이다.strict mode란 개발 환경에서 어플리케이션을 더 엄격하게 검사하여 예상치 못한 버그를 사전에 찾아내는 데에 도움을 주는 기능이다. strict mode를 활성화가 되어 있다면 컴포넌트 재렌더링, useEffect 재실행, 미사용 API 검사 등의 기능들이 동작을 한다.앞서 말했듯 strict mode는 개발 환경에서만 true 상태이며, 배포 환경에서는 strict mode가 자동으로 false가 .. [백준] 11718번 : 그대로 출력하기 - JAVA 풀이 https://www.acmicpc.net/problem/11718 1. 문제 2. 분석문제 자체는 매우 쉽다. 그냥 입력값을 그대로 출력해주면 끝이다.하지만 입력값에 대한 제한이 없기에 값이 얼만큼 입력이 되는지 모른다.이런 경우엔 반복문을 사용하여 입력값이 없거나 null 일 때 종료하는 방식으로 구현해주면 된다. 3. 풀이BufferedReader, BufferedWriter, StringTokenizer를 사용하여 풀이 진행import java.io.*;public class Main { public static void main(String[] args) throws Exception { BufferedReader br = new BufferedR.. [백준] 10813번 : 공 바꾸기 - JAVA 풀이 https://www.acmicpc.net/problem/10813 1. 문제 2. 분석첫째 줄 입력 값 N은 출력할 값의 총 길이, M은 입력 횟수둘째 줄 입력 값 부터 i와 j는 각각 교환할 인덱스 값 예제로 예시 풀이를 하면 출력 값의 길이는 5(N)이고 4번(M)의 입력 값이 입력된다.실제 인덱스로 사용을 위해 i, j 는 -1을 해준다. 초기 값 => 1 2 3 4 5 첫번째로 0(i) ~ 1(j) 인덱스를 바꿔준다. => 2 1 3 4 5두번째로 2(i) ~ 3(j) 인덱스를 바꿔준다. => 2 1 4 3 5세번째로 0(i) ~ 3(j) 인덱스를 바꿔준다. => 3 1 4 2 5네번째로 1(i) ~ 1(j) 인덱스를 바꿔준다. => 3 1 4 2 5 결과 값 => 3 1 4 .. [백준] 10810번 : 공 넣기 - JAVA 풀이 https://www.acmicpc.net/problem/10810 1. 문제 2. 분석첫째 줄 입력 값 N은 출력할 값의 총 길이, M은 입력 횟수둘째 줄 입력 값 부터 i는 시작 인덱스, j는 마지막 인덱스, k는 배열에 넣어줄 값 예제로 예시 풀이를 하면 출력 값의 길이는 5(N)이고 4번(M)의 입력 값이 입력된다. 실제 인덱스로 사용을 위해 i, j 는 -1을 해준다. 초기 값 => 0 0 0 0 0 첫번째로 0(i) ~ 1(j) 인덱스에 3(k)을 넣어준다. => 3 3 0 0 0두번째로 2(i) ~ 3(j) 인덱스에 4(k)을 넣어준다. => 3 3 4 4 0 세번째로 0(i) ~ 3(j) 인덱스에 1(k)을 넣어준다. => 1 1 1 1 0 네번째로 1(i) ~ 1(j) .. [백준] JAVA 입출력 정리 파라미터로 값을 전달하여 사용하는 프로그래머스와 달리 백준은 입력 값을 통해 진행이 된다.백준에서 JAVA로 입출력을 하는 방법과 입력 개수가 정해지지 않은 경우의 처리 방법에 대해 알아보겠다. 보통 백준의 예제 입력은 아래와 같은 형태를 가진다. 아래 예시를 통해 입출력 처리를 진행해 보자34 52 63 4 1. Scanner로 입력 처리하기Scanner를 사용한 입력 방법은 아래와 같다.import java.util.Scanner; // Scanner importpublic class Main { public static void main(String[] args) { // Scanner 선언 Scanner sc = new Scanner(System.in); .. [JAVA] 이메일 인증 구현하기 SpringBoot/JAVA 환경에서 이메일 인증 기능을 구현하고자 한다. 각각 구글과 네이버의 SMTP 서버를 사용하고 전송 데이터에 텍스트뿐만이 아닌 HTML을 넣어서 전송하는 이메일 인증 기능을 구현해 볼 것이다. 1. SMTP 서버 설정우선 구글에서 설정하는 법이다. 우선 구글 로그인 후 구글 계정 관리로 들어간다. 그리고 아래 사진과 같이 검색 창에 '앱 비밀번호' 를 입력한다. 앱 비밀번호 창에서 원하는 앱 이름을 입력하고 만들어주면 앱 비밀번호가 생성이 된다.해당 비밀번호를 복사하여 따로 잘 저장해두면 구글 SMTP 설정은 끝났다. 다음으로 네이버에서 설정하는 법이다.네이버 로그인 후 메일 환경설정에서 POP3/IMAP 설정 탭으로 이동해 준 뒤 아래 사진과 같이 설정 후.. 이전 1 2 3 4 ··· 16 다음 목록 더보기
