본문 바로가기

전체 글157

[자바스크립트/알고리즘] 스택 - 괄호 검사 괄호가 올바른 쌍이면 "YES", 그렇지 않으면 "NO"를 출력합니다. 예를 들어 ((()))()는 쌍이 올바르지만, ((())은 올바르지 않습니다. const check = (str) => { let stack = [], cnt = 0; for(let x of str){ if(x === '('){ stack.push(x); cnt++; } else { stack.pop(); cnt--; } } if(cnt) return 'NO'; return 'YES'; } 스택을 이용한 간단한 알고리즘이다. '(' 차례에는 stack에 push를 해주고 cnt를 증가시킨다. ')'의 경우에는 pop을 해주고 cnt를 감소시킨다. cnt가 0이 아닐경우에는 짝이 맞지않아서 스택에 '(' 또는 ')'가 한개 이상 있다는.. 2021. 5. 11.
[리액트] 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.

티스토리툴바