본문 바로가기
[React] Hooks 1. Hook의 정의 및 종류 리액트 v16.8에 도입된 기능으로, 클래스형 컴포넌트에서만 가능했던 작업들(상태관리, 렌더링 직후 작업 설정 등)을 함수형 컴포넌트에서도 사용할 수 있게 되었다. useState useEffect useReducer useMemo useCallback useRef 2. useState 가장 기본적인 Hook으로 컴포넌트가 가변적인 상태를 지닐 수 있게 해준다. 함수형 컴포넌트에서 상태관리가 필요하다면 useState를 사용한다. const [value, setValue] = useState(0); useState()가 호출되면 배열을 반환하는데, 배열의 첫 번째 원소는 상태 값(value), 두 번째 원소는 상태설정을 위한 함수가 반환된다. 함수의 파라미터에는 상태의 기본.. 2022. 8. 18.
[React] 컴포넌트의 반복, 라이프사이클 메서드 컴포넌트의 반복 What is Key? 리액트에서 key는 컴포넌트 배열을 렌더링했을 때 어떤 원소에 변동이 있었는지 알아내기위해 사용한다. Key가 없는 경우에는 Virtual DOM을 비교하는 과정에서 리스트를 순차적으로 비교하면서 변화를 감지하지만, Key가 있는 경우는 이 값을 사용하여 DOM tree의 변화를 더 빠르게 감지할 수 있다. key 값은 언제나 유일해야 한다. 따라서 데이터가 가진 고유한 값을 key값으로 설정해야 한다. 데이터가 그 자신의 고유한 값이 없을 때는 javascript map()함수의 index를 이용할 수 있다. const names = ['홍길동','김길동','최길동']; const nameComp = names.map((name, index)=>{name}) 그러.. 2022. 8. 18.
Chrome "연결이 비공개로 설정되어 있지 않습니다" 해결법 1. 로컬에서 발급한 인증서의 경우 로컬환경에서 테스트 중에 아래와 같이 자체서명 인증서를 chrome에서 허용하지 않았다. 아래 주소로 접속하여 chrome://flags/ localhost 를 검색하여 enabled로 변경. localhost의 유효하지 않은 인증서를 허용해주면 된다. 실행중인 chrome을 relaunch해야 반영된다. 2. 로컬 인증서가 아닌경우 세부정보의 '안전하지 않음으로 이동'기능으로 가능한 경우가 있지만 특정 인증서(self-signed etc)의 경우 해당 기능이 없었다. 로컬이 아닌 외부 서버에 접속할 경우엔 위 방법으로 해결되지 않는데 이때는 브라우저 화면에서 아무곳이나 클릭 한 후 thisisunsafe 를 입력해주면 된다. (안되면 한/영 전환 되어있는지 확인) .. 2022. 4. 6.
Mutual TLS (상호인증 TLS) X.509 적용기 보호되어 있는 글 입니다. 2021. 9. 30.
[블록체인][DID] 클레임, 크리덴셜, VC, VP https://wrjeoung.tistory.com/58 [블록체인][DID] 클레임, 크리덴셜 ,VC ,VP VC 표준의 각 용어에 대한 설명은 W3C 번역 링크를 참고하시기 바랍니다. https://ssimeetupkorea.github.io/vc-data-model/#generatedID-0 3. 핵심 데이터 모델 앞으로 설명할 DID 체계를 이해하기 위해서는 아래.. wrjeoung.tistory.com 2021. 8. 30.
백준)11057.오르막수 - 식도출 1년전 이 문제를 풀다가 포기했던 기억이 있다. 그땐 다른 사람들의 풀이를 보아도 왜 그렇게 푸는지 이해를 못했다. 이번에도 역시 바로 풀지는 못했다. 처음에는 브루트포스처럼 수를 올려 일일이 수가 오르막수인지 검사하는 방식으로 풀었다가 Numberformatexception을 만나고 정신을 차렸다. 이 포스팅은 나처럼 수학 잼병인 사람들을 위한 식 도출과정을 중심으로 작성했다. 도출과정 두자리 수에서 세자리 수가 되는 과정을 그려봤다. 0부터 9까지 적어두고, 해당 수가 앞자리에 오는 경우를 적었다. 1로 시작하는 두자리의 오르막 수를 예로 들면 11, 12, 13 ... 19가 있다. 여기서 앞자리에 올 수 있는 수는 0과 1두가지다.==> 001, 012, 013 ... 019 2로 시작하는 두자리.. 2021. 2. 18.