일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- DP #c++
- react
- axios
- React #리액트 이벤트 주기 #리액트 이벤트
- html entities
- interceptors
- 백준 #직각삼각형
- useState #Hooks
- 코드스테이츠 #알고리즘 #그리디
- React-Query
- 버블링 #갭쳐링 #이벤트 #JS
- donwstream #upstream #origin
- React #Hook rules #Hook 규칙
- React #effect hook #useEffect
- 이친수
- #useRef #언제 쓰는데?
- rate limit
- 다익스트라 #파티 #백준
- 백준 #적록색약
- JWT #토큰 #refreshToken #accessToken #Token #token #localStorage #sessionStorage
- 노마드 코더 #타입스크립트 #typescript #class
- react fragment
- npm #not being able to find a file #npm install Error
- 플로이드 #c++
- React #controlled component #비제어 컴포넌트 #제어 컴포넌트
- 얕은 복사 #깊은 복사 #shallow copy #deep copy
- 빡킹독
- react #useCallback #react Hook
- RateLimit
- raect typescript #react #typescript #styled-component
- Today
- Total
목록분류 전체보기 (111)
꿈꾸는 개발자
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/qUEPD/btr0fumnLUy/m57YEsUHdIE8WVVDd56uo0/img.png)
HTML을 작성하다보면 가끔 필요한 아이콘/문자들이 있다. 지금까지 아무생각 없이 x 표시는 그냥 영어 자판에 나온대로 입력을 했지만, HTML Entities는 자주 사용되는 몇몇 문자들을 예약?(reserved)된 형태로 사용할 수 있게 해준다. Entity의 문법 형태는 다음과 같다: 문법 &엔티티이름; 또는 &#엔티티숫자; 두 P 태그에서 동일하게 가 사용됐지만, 해석의 차이는 분명 존재한다. HTML에서 제공하는 대표적인 entities: 엔티티 문자엔티티 이름16진수 엔티티 숫자설명 줄 바꿈 없는 공백 > > 보다 큰 & & & AND 기호 " " " 큰따옴표 ' ' ' 작은따옴표 발음 구별 부호(Combining diacritical marks) 발음을 나타낼 때 사용된다! ..
보호되어 있는 글입니다.
보호되어 있는 글입니다.
보호되어 있는 글입니다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/GOTDs/btrZLU66ARa/mJl9lgAexDKnVJX6dgYJtK/img.png)
react에서 inline css styling하기 사용자 정의 컴포넌트 Btn에 있는 onClick은 event handler가 아닌, props에 넘겨주는 프로퍼티 값에 해당한다. 따라서, 해당 컴포넌트 함수에서 구조 분해 할당을 통해 꺼내와서 사용할 수 있다! (html element에 입력하는 것은 event handler임) 실제 html 태그에 입력해줘야 적용이 되는거지, 사용자 정의 컴포넌트에 입력하는 것은 아무 소용이 없음! React Memo: text="Continue"에 해당 하는 props는 상태 변경이 발생하지 않기 때문에 props의 변동이 발생하지 않는다 => 하지만, 첫 번째 Btn과 같은 컴포넌트를 공유하기 때문에 첫 번째 props의 상태 변경이 발생하면 동시적으로 리렌더..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bxhGqk/btrZtrc82Bz/IeMs7fD8OgZ3cIvsqz7On0/img.png)
npm init -y npm i -D typescript -D는 devDependencies를 의미하고, typescript는 말 그대로 typescript을 의미함! 위와 같이 파일을 작성했을 때 vsc는 typescript로 코드가 작성됨을 바로 알 수 있음 => auto complete을 제공할 수 있음!! VSC 자체적으로 위 옵션들을 보여줌 타입스크립트가 src에 있는 모든 파일을 모니터링한다는 의미 타입스크립트는 컴파일러이다 => 따라서, TS => JS를 어떤 폴더에 지정할 것인지 정해주는 것이다 => 해당 예시에서는 build라는 파일을 명시하고 해당 파일에 컴파일을 시행함 script에 build:tsc를 입력해주고 그 다음 npm run build를 해주면, 컴파일링이 실행된다 위처럼 ..
보호되어 있는 글입니다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/V5xAr/btrZavadPfL/yOKsCsi29EKZkFeqDFaNSk/img.png)
largestProductOfThree 문제 정수를 요소로 갖는 배열을 입력받아 3개의 요소를 곱해 나올 수 있는 최대값을 리턴해야 합니다. 입력 인자 1 : arr number 타입을 요소로 갖는 임의의 배열 출력 number 타입을 리턴해야 합니다. 주의사항 입력으로 주어진 배열은 중첩되지 않은 1차원 배열입니다. 배열의 요소는 음수와 0을 포함하는 정수입니다. 배열의 길이는 3 이상입니다. 입출력 예시 1 2 3 4 5 let output = largestProductOfThree([2, 1, 3, 7]); console.log(output); // --> 42 (= 2 * 3 * 7) output = largestProductOfThree([-1, 2, -5, 7]); console.log(out..