본문 바로가기
빅오 표기법(Big O Notation) 자바스크립트로 프로그래머스 입문 문제만 풀다가 다음단계 문제로 넘어가면서 어려움을 많이 느꼈다. 유데미에 Javascript 알고리즘 & 자료구조 마스터 클래스를 진즉 결제했지만 이제는 봐야할 때인것 같아서 취업준비하며 알고리즘을 같이 공부하려고 한다 이 클래스의 1장은 빅오 표기법이고 알고리즘에 대해 설명하려면 필수적으로 훑고 가야하는 파트 인것 같아 정리를 해보려고 한다 # 빅오(Big O) 입력된 내용이 늘어날 수록 알고리즘에 실행 시간이 어떻게 변하는지 설명하는 공식적인 방식 함수 실행 시간이 변하는 관계를 의미, 입력의 크기와 실행시간의 관계 쉽게 말하면 알고리즘의 효율성을 표기해주는 표기법! 알고리즘의 효율성은 데이터 개수 n개가 주어졌을 때 덧셈, 뺄셈, 곲셈, 나눗셈 같은 기본 연산의 횟수.. 2023. 3. 15.
정규표현식(Regular Expression) 정규표현식은 문자열의 일정한 패턴을 표현하는 규칙이다.(정규식이라고도 부름) 자바스크립트에서는 RegExp 객체(RegExp 생성자는 패턴을 사용해 텍스트를 판별할 때 사용)와 RegExp 메서드, 문자열 메서드를 이용해 정규표현식을 사용할 수 있다. 1. 정규식 리터럴 사용 const reg = /ab+c/; 2. RegExp 객체의 생성자 함수 호출 const reg = new RegExp("ab+c"); 정규식 패턴 작성 시, 정해진 규칙에 따라 작성 # 정규표현식이 필요할 때 - 각각 다른 포맷으로 저장된 엄청나게 많은 전화번호 데이터를 추출해야 할 때 - 사용자가 입력한 이메일, 휴대폰 번호, IP 주소 등이 올바른지 검증하고 싶을 때 - 코드에서 특정 변수의 이름을 치환하고 싶지만, 해당 변수.. 2023. 2. 12.
[문제 해결] 리액트 console이 2번씩 찍히는... 리액트를 처음 다룰 때 이 값이 잘 넘어왔는지 연결이 잘되는지를 확인하기 위해 주로 console에 아무거나 값을 찍어본다던지 event.target을 찍어본다던지 console을 자주 사용하는데 그때마다 콘솔이 2번씩 찍히곤 하는 경험을 한다. 워낙 많은 사람들이 궁금해 하는 문제라서 그런지 구글링에 답이 수두룩하게 나와서 나도 정리를 해놓고자했다 리액트 console이 2번씩 찍히는 이유를 알기전에 먼저 StrictMode가 무엇인지를 알아야 한다 # StrictMode 란? : 애플리케이션 내의 잠재적인 문제를 알아내기 위한 도구 -Fragment와 같이 UI를 렌더링 하지 않으며, 자손들에 대한 부가적인 검사와 경고를 활성화 -애플리케이션 내 어디서든 strict모드 활성화 가능 StrictMod.. 2022. 11. 18.
[Hook] useContext useContext란? context 객체에서 반환된 값을 받아 그 context의 현재 값을 반환한다 - context의 현재 값은 트리 안에서 이 Hook을 호출하는 컴포넌트에 가장 가까이에 있는 의 value의 값에 의해 결정된다 -컴포넌트에서 가장 가까운 가 갱신되면 useContext는 그 provider에게 전달된 가장 최신의 context value를 사용하여 렌더러를 트리거한다 -상위컴포넌트에서 React.memo 또는 shouldComponentUpdate를 사용하더라도 useContext를 사용하고 있는 컴포넌트 자체에서 부터 다시 렌더링 된다 useContext로 전달되는 인자는 context 객체 그 자체여야 한다 맞는사용 : useContext(MyContext) / 틀린사용 : .. 2022. 10. 23.