본문 바로가기

IT85

[리액트] useEffect-한번만 실행되게 하기 useEffect() = 어떤 effect를 발생시키는 Hook - 컴포넌트가 등장할 때, 그리고 컴포넌트가 업데이트가 되고 나서 항상 실행된다. - useEffect를 통해 클래스형 컴포넌트에서 사용 가능했던 생명주기 메서드를 함수형에서도 사용 가능해졌다. [참고] 리액트 훅에 대한 글 [리액트] React hook 간단하게 알아보기 참고) 한국어 버전 공식 문서이다. Hook의 개요 – React A JavaScript library for building user interfaces ko.reactjs.org 이는 단순히 리액트 hook을 공부한 지 얼마 안 된 나의 생각을 정리하고자 쓴 글이.. breathtaking-life.tistory.com useEffect에 대한 설명은 짧게 하도록하고,.. 2021. 5. 6.
[리액트] state는 직접 수정 금지 state는 직접 수정하면 안된다. Why? 예기치 못한 버그 발생 가능 (무슨 버그인지는 구글링을 해보자!) 그럼 state 수정 어떻게 하나요? 배열을 복사하면 됩니다!🤗 배열 복사는 []와 spread operator를 기억하자 => 예를 들어, [...상품] ...(spread operator)으로 원래 있던 데이터의 대괄호를 벗기고, []로 다시 감싸준다. 아니면 map이나 filter를 사용해도 된다. 이 아이들도 새로운 배열을 반환해주기 때문에! 예를 들어 data.js 파일에서 채소 데이터 3개를 가져오고, 더보기 버튼을 눌렸을 때 ajax로 다른 채소 3개를 가져온다고 하자! import Product from "./Product"; import Data from "./data.js"; .. 2021. 5. 4.
웹사이트 만들 때 유용한 사이트 모음 -웹폰트 아이콘 사이트 fontawesome.com/ Font Awesome The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options. fontawesome.com - 무료 사진 사이트 unsplash.com/ Beautiful Free Images & Pictures | Unsplash Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos. unsplash.com pixabay.com/ - 상.. 2021. 5. 1.
매트랩 한글 깨짐 MATLAB R2020b를 사용중입니다. 사진과 같이 한글이 깨질때가 있다. 폰트를 바꿔주면 간단히 해결되는 문제이다!! 우선 Preferences(설정)로 들어간다. Preferences-Fonts에 들어오면 Desktop code font가 있다. 여기서 한글이 지원되는 폰트를 입력하면 되는데, 나는 SansSerif로 했다. 그러고 OK 눌려주면 끝 한글이 잘 출력되는 것을 확인할 수 있다. 2021. 4. 29.
[운영체제] 프로그램과 프로세스의 차이점 이 글은 프로그램, 프로세스의 개념과 차이점, 그리고 중요한 사실과 예시를 담았습니다. [프로그램]프로그램은 컴퓨터에서 실행될 때 특정 작업을 수행하는 일련의 명령어들의 모음이다. 즉, 명령어들의 모음일 뿐이지 프로그램 자체만으로 무언가 일을 할 수 있는 게 아니다. 프로그램의 예시는 쉽게 볼 수 있다. 컴퓨터에 실행파일이 있을 것이다.( 예시).exe로 끝나는 파일들 ) 이 실행파일이 프로그램이다. [프로세스]프로그램이 실행된다는 것은 프로그램이 CPU를 할당받고 명령을 수행하고 있는 상태다. 프로그램을 구동하여 프로그램 자체와 프로그램의 상태가 메모리 상에서 실행되는 작업을 프로세스라고 한다. 크롬 새 탭을 두개 열면서 워드 파일에 프린터 버튼을 클릭하고,카카오톡 PC에 로그인을 하자. (손이 조금 .. 2021. 4. 15.
[자바스크립트] 2차원 배열 1차원으로 바꾸기 코드 let arr = [10, 13, 10, 11, 15, 12, 32, 30, 23, 11, 11, 25, 50, 33, 15, 29, 27, 21, 37, 27, 18, 13, 30, 13, 16]; let newArr = []; while(arr.length) newArr.push(arr.splice(0,5)); console.log(newArr); arr.length가 0이 되기 전까지 1줄씩 splice하여 newArr에 넣는다. 출력결과 2021. 3. 18.

티스토리툴바