본문 바로가기

분류 전체보기169

[자바스크립트/알고리즘] 스택 - 괄호 검사 괄호가 올바른 쌍이면 "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.
창업동아리 랜딩페이지 제작-링고리(Lingory) 작년 8월부터 속해있던 창업동아리의 아이템을 소개할 랜딩페이지를 만들었다. 도메인을 낸 게 3달 가까이 되었지만 이제야 글을 적는다.. 아이템의 이름은 링고리이고, 한국어를 배우고싶어하는 외국인들에게 기초부터 가르쳐주는 어플이다. 2020/05/01 기준 링고리는 구글플레이에서 다운로드 수 만 명을 달성했다. 내가 직접적으로 어플 개발에 관여한 것은 아니지만 자랑할만한 성과라고 생각한다. (뿌듯..^__^) 나는 링고리의 랜딩페이지만 제작하였다. 서론이 길어졌는데, 다시 본론으로 돌아와 링고리 랜딩페이지를 어떻게 제작했는지 step by step으로 알아보자! [링고리 페이지 소개] +22년도 기준으로 랜딩페이지가 수정 되었습니다. 링고리 랜딩페이지는 반응형 웹으로, PC, 태블릿, 휴대폰으로 볼 때 약.. 2021. 5. 2.
웹사이트 만들 때 유용한 사이트 모음 -웹폰트 아이콘 사이트 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.
스페인어 의문사- Que vs Cual 전공 과제만 수두룩해서.. 몇시간동안 계속 하다가 잠시 시간이 남길래 정리하는 스페인어! 이렇게 계속 안하면 까먹을거 뻔하기에 잠시 시간을 내어 정리해본다.. Qué vs Cuàl Qué는 범위가 정해져있지 않은 선택지 중 무언가를 골라야 할 때 사용 Cuàl은 주어진 범위 내에서 선택지 하나를 골라야 할 때 사용 Qué는 ser 동사를 수반하는 의문문 중에서 낱말의 정의를 묻지 않은 경우에 사용 Cuàl 뒤에 ser 동사가 수반되는 경우 낱말의 정의를 묻는 경우에 사용 Qué가 Cuàl보다 더 포괄적인 느낌이다. A: ¿Qué bebes? B: Yo bebo un café A: ¿Cuàl bebes? B: El café Americano 위의 예시에서 Qué를 사용하면 마시는 커피의 종류보다 '마시는 .. 2021. 4. 30.

티스토리툴바