분류 전체보기 (122) 썸네일형 리스트형 [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 설정 탭으로 이동해 준 뒤 아래 사진과 같이 설정 후.. [React] 리뷰 별점 기능 구현하기 리뷰 작성 페이지를 구현할 때 빠질 수 없는 별점 기능을 간단하게 만들어보려 한다.React + Styled-component + 아이콘 라이브러리(React Icons)를 사용하여 구현해 보자 1. Icon + CSS 생성기능을 구현하기 전 별 모양의 Icon이 필요하기에 Icon 생성을 먼저 해보겠다.우선 별 모양의 Icon 생성을 위해 React에서 사용 가능한 아이콘 라이브러리 중 하나인 React Icons를 설치해 준다.npm install react-icons 설치 후 React Icons 홈페이지에서 자신이 원하는 Icon을 찾아준다.https://react-icons.github.io/react-icons/ React Icons react-icons.github.io 별 .. [Linux] 쉘 스크립트 사용하기(사용자 입력 read) 관련포스팅2024.07.13 - [Linux] - [Linux] 쉘 스크립트 사용하기(변수 선언, 조건문 IF) [Linux] 쉘 스크립트 사용하기(변수 선언, 조건문 IF)회사 업무 중 모듈 제작 작업 과정에서 반복된 커맨드를 작성하다 보니 그냥 스크립트 하나 만들어서 동작하는 게 효율적일 거란 생각이 들어서 생애 처음으로 쉘 스크립트를 작성해 보았다. 쉘rlawo32.tistory.com 2024.07.15 - [Linux] - [Linux] 쉘 스크립트 사용하기(반복문 for, while) [Linux] 쉘 스크립트 사용하기(반복문 for, while)관련 포스팅2024.07.13 - [Linux] - [Linux] 쉘 스크립트 사용하기(변수 선언, 조건문 IF) (1) [Linux] 쉘 스크립트 .. 이전 1 2 3 4 ··· 16 다음
