전체 글 101

리액트(ReacJS)의 컴포넌트 라이프사이클API - (3) Unmount API, componentDidCatch를 통한 에러잡기

해당 게시물은 인프런의 Velopert님의 유료 강의를 듣고 개인적으로 정리한 내용을 담고 있습니다👩‍💻 두 번째 Update API에 이어 마지막 Unmount API에 대해 알아보도록 하겠다. 컴포넌트의 mount가 해제될 때 관여하는 Unmount api 컴포넌트가 해제될 때 딱 하나의 메소드가 호출된다. componentWillUnmount 자식 컴포넌트에서 사용하며 등록했던 이벤트, 네트워크 요청 취소, 구독 해제 등의 정리 작업을 수행한다. 추가) 라이프 사이클을 활용한 에러 잡아내기 componentDidCatch 사전에 예외처리를 하지 않은 에러가 발생했을 때 해당 메소드를 사용하여 사용자에게 에러가 발생했다고 알려주는 화면을 보여줄 수 있다. 해당 메소드는 에러가 발생할 수 있는 자식 컴..

React 2021.04.30

리액트(ReacJS)의 컴포넌트 라이프사이클API - (2) Update API

해당 게시물은 인프런의 Velopert님의 유료 강의를 듣고 개인적으로 정리한 내용을 담고 있습니다👩‍💻 첫 번째 Mount API에 이어 Update API에 대해 알아보도록 하겠다. Props 또는 State가 변경될 때 관여하는 Update api static getDerivedStateFromProps Mount api와 같이 걸쳐져 있는 부분이다. 자세한 사항은 이전에 정리한 Mount API에서 확인할 수 있다. shouldComponentUpdate 리액트에서는 변화가 발생하는 부분만 업데이트해서 브라우저에 렌더링 할 수 있다. 따라서 렌더링 작업을 최적화하기 위해 사용하는 메소드이다. 자세한 내용은 이전에 정리한 이 곳에서 확인할 수 있다. getSnapshotBeforeUpdate ren..

React 2021.04.30

리액트(ReacJS)의 컴포넌트 라이프사이클API - (1) Mount API

해당 게시물은 인프런의 Velopert님의 유료 강의를 듣고 개인적으로 정리한 내용을 담고 있습니다👩‍💻 예전에는 각종 프레임워크의 라이프 사이클(=생명주기)의 개념만 이해하기 급했고, 실제 코딩하면서 사용할 생각은 하지 않았었다. 아마 나의 무지함 때문에 적절하게 사용하지 못했을 수도 있었을 것이고, 유용하고 좋은 기능이 있어도 그동안 진행했던 프로젝트에서는 필요 없었기 때문일 수도 있다. 라이프사이클 API에 대해 정확히 배운 것을 정리해서 이후 개인 프로젝트 진행 시 참고해야겠다. 우선, 전체적인 리액트의 라이프사이클은 다음과 같이 크게 Mount, Updating, Unmount 3가지로 나뉜다. 컴포넌트가 처음 실행될 때 관여하는 Mount api constructor(props) 컴포넌트가 새..

React 2021.04.30

[백준/JAVA] 8598 OX퀴즈

문제 풀이 행열 문제라고 생각하고 풀었다. 주의할 점은 String 문자열에서 특정 문자를 찾는 charAt() 사용시 큰따옴표가 아닌(" ") 작은 따옴표(' ')를 써야한다. import java.io.*; public class Main { public static void main(String[] args) throws IOException { BufferedReader br = new BufferedReader(new InputStreamReader(System.in)); // TS 개수 int num = Integer.parseInt(br.readLine()); String[] str = new String[num]; for(int i=0; i

코딩테스트 2021.04.29

[백준/JAVA] 1546 평균 (StringTokenizer 주의점)

문제 해당 문제는 정말 별거 아닌 것 때문에 거의 20분을 잡아먹었다😂 바로, StringTokenizer 선언 때문이다. 나는 bufferedReader, bufferedWriter와 같은 클래스를 main메소드 상단에 위치시키는 습관이 있다. 따라서, StringTokenizer의 성격을 제대로 인지하지 못하고 같이 상단에 선언했더니 오류가 나버렸다. StringTokenizer는 문자를 잘라 토큰 형식으로 저장할 변수 바로 위에 위치시켜야 한다는 것을 제대로 배우게 되었다... 풀이 소수점 아래 숫자도 나오게 출력해야하므로 과목 개수 변수를 제외한 모든 변수는 Double형으로 설정했다. import java.io.*; import java.util.*; public class Main { publ..

코딩테스트 2021.04.29

[백준/JAVA] 3052 나머지 (배열, Hashset 사용)

문제 풀이 함수를 사용해서 푸는 방법을 몰라서 배열을 사용했지만, Hashset을 사용하면 아주 쉽고 간단하게 풀리는 문제였다. - 배열 사용 나머지 값들을 순차적으로 정리해서 뽑아내면 편할 것 같아 Arrays.sort를 사용했지만, 해당 메소드를 빼고 구현하면 오류가 나버렸다. 왜인지는 아직까지 모르겠다. 그리고 count를 1로 지정한 이유는 나머지가 없을 때(=0) 일때 1이 출력되는 예가 있었기 때문이다. import java.io.*; import java.util.*; public class Main { public static void main(String[] args) throws IOException { BufferedReader br = new BufferedReader(new Inp..

코딩테스트 2021.04.29

[백준/JAVA] 2562 최댓값

문제 풀이 간단한 문제이다. 배열의 자리값(=인덱스)는 지정한 숫자의 -1이기 때문에 출력 시 +1된 수가 나와야한다. 따라서, 자리 값을 구하는 count 변수는 인덱스+1 값이 출력되도록 구현했다. import java.io.*; public class Main { public static void main(String[] args) throws IOException { BufferedReader br = new BufferedReader(new InputStreamReader(System.in)); int arr[] = new int[9]; for(int i=0; i

코딩테스트 2021.04.28

[백준/JAVA] 10818 최소, 최대

문제 풀이 배열을 정렬하는 Arrays.sort()를 사용해서 풀어보았다. 해당 기능을 사용하기 위해서는 java.util.Arrays를 import 해줘야한다. import java.io.*; import java.util.*; public class Main { public static void main(String[] args) throws IOException { BufferedReader br = new BufferedReader(new InputStreamReader(System.in)); int n = Integer.parseInt(br.readLine()); int[] arr = new int[n]; StringTokenizer st = new StringTokenizer(br.readLi..

코딩테스트 2021.04.28

[백준/JAVA] 1110 더하기 사이클

문제 나의 접근 방법 1. 처음 수(N)의 10의 자리와 1의 자리는 10으로 나눈 몫과 나머지이다. 2. 몫과 나머지의 합은 새로운 수의 1의 자리이다. 3. 처음 수(N)의 나머지 값이 새로운 수(M)의 10의 자리이다. 4. 이러한 사이클을 체크하는 카운트 변수(CNT)가 필요하다. 정리하면 아래와 같은 수식이 완성된다. M = ( (N%10)*10 ) + ( ((N/10) + (N%10))%10 ); 주의할 점은 필자는 M을 새로운 수로 두었는데, 실제 반복문 안에서 처음 수(N)를 계속 새로운 값으로 대체하는 것이라 M을 N으로 고친다. while(true){ M = ( (N%10)*10 ) + ( ((N/10) + (N%10))%10 ); } 어렵게 느껴질 수 있지만, 생각해보면 그렇게 어려운..

코딩테스트 2021.04.27

[백준/JAVA] 11021 A+B-7 (StringTokenizer)

문제 풀이 이번에도 BufferedReader와 BufferedWriter를 사용해서 입출력을 구현할 것이다. BufferedReader는 데이터가 한 줄에 담기기 때문에 여러 데이터를 받을 때는 StringTokenizer를 사용한다. 여기서 잠깐🖐 StringTokenizer를 왜 for문 안에 작성하는지 의문이 생길 것이다. 그 이유는 for문을 통해 한 줄씩 데이터가 들어가게 되고, 최종적으로 여러 행의 데이터가 생기기 때문에 각 행 별로 데이터를 쪼개기 위함이다. import java.io.*; import java.util.StringTokenizer; public class Main { public static void main(String[] args) throws IOException {..

코딩테스트 2021.04.27