혼자 적어보는 노트

https://www.colorzilla.com/gradient-editor/ Ultimate CSS Gradient Generator from ColorZilla A powerful Photoshop-like CSS gradient editor www.colorzilla.com 위 사이트에서 원하는 컬러의 그라데이션을 커스텀 하거나 presets에서 골라서 css를 복사한 후 붙여넣기

미니 프로젝트를 구상하던 중 가볍게 어떤 것 부터 만들어볼까 생각하던 중에 떠오른 심리테스트. 옛날에 친구들이랑 꽤나 많이 했었고 재미삼아 하던 게 기억이 난다. 그 때 당시에도 나만의 심리테스트를 만들고 싶어 했었는데 드디어 시작! 테스트 시작하기 일단 main / qna / result 세가지 section으로 나누어서 진행. 페이지 이동 없이 main에서 테스트시작 버튼을 누르면 main이 사라지고 qna가 노출, qna의 질문이 끝나면 qna section이 사라지고 result가 노출되는 방식. container는 3 section의 영역의 정렬을 맞추기 위해 감싸주었다. bootstrap을 사용 할 까 했지만 css로 일일히 작업하기로 했다. 일단 폼만 만들어 놓고 데이터와 내용은 나중에 입히..

forEach랑 filter는 종종 사용했었는데 map이랑 reduce는 안쓰다보니 헷갈려서 정리! forEach, map, filter, reduce *콜백함수를 사용하는 메소드들 *배열안의 요소들을 하나하나 탐색해줌 (for문 처럼) 1. forEach *주어진 함수를 배열안의 요소들에게 각각 실행. let a= ["사과","바나나","복숭아"]; a.forEach(function(value, index){ console.log(value, index, this); }, [1,2]) // 결과 // 사과 0 [1,2] // 바나나 0 [1,2] // 복숭아 0 [1,2] 2. map 원본 배열의 요소들을 하나하나 탐색하면서 return한 값들로 새로운 배열을 생성. (원본 배열의 길이와 동일) let..