[220308] TIL

릿·2022년 3월 8일

TIL

목록 보기

11/28

노마드코더 : react 클론코딩강의

props :

부모 컴포넌트로부터 자식 컴포넌트에 데이터를 보낼 수 있게 해주는 방법
만든 컴포넌트에 일반 html태그의 속성을 넣으면 해당 속성으로 작동하는 게 아닌 props으로써 작동되므로 주의할것!

<Button onClick={onClick}/>
// onClick속성이 아닌 onClick이라는 props으로 연결!

React.memo()

*memo=>memorize
이 컴포넌트를 다시 랜더할지 말지에 대해서 결정하는 것.

prop types

내가 작성한 코드 중 어디에서 에러가 나는 지 알려준다.
별도의 설치가 필요해서 npm으로 깔거나 문서 안에 url을 넣어서 사용한다.

useEffect

우리 코드가 딱 한번만 실행될 수 있게 도와줌!

cleanup function

컴포넌트가 소멸될 때 실행시키는 것, 아래의 코드에서는 return값에 넣어주면 실행된다.

useEffect (() => {
	return () =>
});

백준 코딩테스트 : 1

var fs = require('fs');
var input = fs.readFileSync('/dev/stdin').toString().split(' ');
var A = parseInt(input[0]);

function solution (n) {
    let answer=0;
    let num=11;
    while (answer < 1) {
        if (num % n === 0) return answer=String(num).length;
        else num=Number(String(num)+'1');
    }
}

solution(A);

풀이과정

일단은 문제부터 이해가 안됐다. 2와 5로 나누어 떨어지지 않는 정수가 주어졌는데 1로만 이루어진 n의 배수? 블로그들 찾아보니까 1, 11, 111, 1111...을 말하는 거였다. 난독증인가보다...
문제는 딱히 어렵지 않은데 역시나 while문에서 막혔다. 부등호를 반대로 쓰니까 실행이 된다. while문 조건식 쓰는 게 너무 어렵다ㅠㅠ 공부가 부족해!
백준 입력이랑 출력에 대해서 헷갈려서 지인 찬스를 썼다. input값을 3개 넣는 게 아니라 테스트케이스가 3개였던 것...
입출력은 완벽하게 나오는데 시간 초과가 떴다...띠로리...

다른 사람 풀이

...공개되어 있는 문제가 없다ㅜ

유용 참고사이트

항상 재밌는 뭔가를 찾고 있는 프론트엔드 개발자

이전 포스트

[220307] TIL

다음 포스트