일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 29 | 30 |
- github
- Firebase
- css 꿀팁
- 야놀자 fe 1기
- reduce
- 프론트엔드부트캠프후기
- sqld 55회
- 야놀자x패스트캠퍼스
- Where
- react hook
- TypeScript
- 리액트오류
- 국비지원
- js CRUD
- 프론트엔드개발자
- Filter
- 부트캠프 취업후기
- foreach
- 부트캠프
- 성능개선
- 퍼블리셔 이직후기
- map
- 2024 sqld
- promise 비동기처리
- firebase rules
- git
- 패스트캠퍼스 부트캠프
- sqld 자격증 시험
- 패스트캠퍼스
- 국비지원취업
- Today
- Total
목록Filter (3)
Tech is created to fix problem

그라폴리오 클론코딩을 했다. 사이트 선정 이유는 필터링을 연습해보고 싶었다. 구글링 하면서 어찌저찌 구현해 봤지만 계속 막히는 부분이 생겼고 해결하려고 하다 보니 많은 것을 익히게 되었다. 구현한 링크 : http://grafolio.dothome.co.kr/main/main.html 먼저, 첫 섹션은 카테고리와 스와이퍼의 조합이다. 스와이퍼는 익히 써왔고, 어느 정도 스와이퍼 이슈에 대해 다뤄왔다. 그래서 첫 번째 오류가 났을 때, 원인에 대해서 유추는 가능했다. 오류 1) 필터링을 하는데 Swiper 안에 item 들을 바꿔줄때마다 swiper가 가로값을 잡지 못함❗️ 왜? swiper 는 실행될 때 인라인으로 wrapper, container, slide-item 모든 요소에 내가 설정한 옵션(ex..

Q1. 아래 배열에서 모든 사람들의 이름을 Park 으로 바꾸는 코드를 작성해주세요. (map 활용, spread 연산자 활용) A1. 내가 푼 답 let students = [ {id: 1, name: 'Kim', score: {math: 50, english: 70}}, {id: 2, name: 'Kim', score: {math: 80, english: 60}}, {id: 3, name: 'Lee', score: {math: 70, english: 50}}, ] const newArray = students.map(student => ({...student, name : 'Park' })); console.log(newArray); Q2. 아래 배열에서 이름이 Kim 인 사람들을 찾고, score ..

Q1. 아래 객체에서, 영어 점수의 총합을 계산하는 코드를 작성하세요. (reduce 활용) A1. 내가 푼 답 let scores = { Kim: {math: 50, english: 70}, Park: {math: 70, english: 60}, Lee: {math: 80, english: 50} } let array = []; for (const key in scores){ array.push(scores[key].english); } const result = array.reduce((acc,cur) => acc+cur, 0); console.log(result); Q2. 아래 배열에서, 수학 점수가 60점 이상인 사람들만 남기는 코드를 작성하세요. (filter 활용) A2. 내가 푼 답 let ..