블로그 옮김
https://sesestudy.tistory.com/
[자바스크립트/javascript] 프로그래머스 : 배열의 길이를 2의 거듭제곱으로 만들기 (Lv.0)
function solution(arr) { let p = 1; while (true) { if (2 ** p === arr.length || arr.length === 1) { break; } else if (2 ** p < arr.length) { p++; } for (let i = 0; i < 2 ** p - arr.length; i++) { arr.push(0); } } return arr; } 답 function solution(arr) { let p = 1 while (2 ** p < arr.length) { p++; } if (2 ** p === arr.length || arr.length === 1) { return arr } else { for (let i = 0; i < (2 ** p)..
[React] 스크롤 이벤트 주기
const [scrolled, setScrolled] = useState(false); const handleScroll = () => { const isScrolled = window.scrollY > 0; setScrolled(isScrolled); }; useEffect(() => { window.addEventListener('scroll', handleScroll); return () => { window.removeEventListener('scroll', handleScroll); }; }, []); ////////////////////////////// handleScroll 함수 만들기 window.scrollY 값이 0보다 큰지 작은지에 따른 불린값을 변수(isScrolled)에 저장해..
[자바스크립트/javascript] repeat() / fill() / flat()
repeat() MDN 정의 : 문자열을 주어진 횟수만큼 반복해 붙인 새로운 문자열을 반환합니다. "a".repeat(3) retult => "aaa" fill() MDN 정의 : 배열의 인덱스 범위 내에 있는 모든 요소를 정적 값으로 변경합니다. 그리고 수정된 배열을 반환합니다. MDN 예제 const array1 = [1, 2, 3, 4]; // Fill with 0 from position 2 until position 4 console.log(array1.fill(0, 2, 4)); // Expected output: Array [1, 2, 0, 0] // Fill with 5 from position 1 console.log(array1.fill(5, 1)); // Expected output:..
[자바스크립트/javascript] 프로그래머스 : 그림확대 (Lv.0)
https://school.programmers.co.kr/learn/courses/30/lessons/181836 function solution(picture, k) { let answer = []; for (let i = 0; i v.repeat(k)), 0, k) answer.push(asd.map(v => v.join(''))) } return answer.flat(); } repeat 함수가 바로 안 떠올라서 살짝 어떻게 풀어야 하는지 헤맸다 까먹지 않게 코딩테스트를 꾸준히 풀어야겠다ㅠㅠ 그리고 2차원 배열을 1차원 배열로 만드는 과정이 필요했는데, 이..
[메모2] 리액트 게시판 만들기 (수정/삭제)
계속 수정해야 할 글의 데이터가 안 불러와져서 헤맸다 안 됐던 부분1 useEffect(() => { axios.get(`링크링크링크${ boardId }`).then((response) => { console.log("get",response.data.result[0]) setPost(response.data.result[0]); }).catch(() => {}); }, []) response.data.result 에서 [0]을 붙이니까 됐다. [0]번째 인덱스를 가져왔어야 했는데 [0]을 안 붙혀서 가져오는 게 안 됐던 거 같다... 데이터 형식이 이렇게 되어있었다. 안 됐던 부분2 수정 버튼을 누르는데 자꾸 수정이 안 되고 에러가 떴다. 다시한번 살펴보니까 patch 링크를 잘못 설정했었다... 일..
[React] useEffect
🔗강의 링크 Mount(화면에 첫 렌더링) / Update(다시 렌더링) / Unmount(화면에서 사라질 때) 이 세가지 상황에서 특정 코드를 실행시켜주고 싶을때 useEffect를 사용한다 useEffect(() => {}) 기본 문법 인자로 콜백함수를 받는다 첫 번째는 인자로 콜백함수만 받는 형태로 컴포넌트가 렌더링 될 때마다 매번 콜백이 실행 두 번째는 콜백함수와 배열을 인자로 받는 형태로 맨 처음 렌더링 될 때와 value값이 바뀔 때 실행 (배열([])안에 넣는 값) 만약 빈배열([])을 인자로 주면 맨 처음 렌더링될 때만 실행됨 만약 우리가 구독하는 기능을 useEffect에 넣었을 때 구독을 해지해주는 clean up(정리작업)을 처리해줘야한다 그런 clean up 해주는 코드는 useEf..
[메모] 리액트 게시판 만들기
🔗참고한곳1 가짜(Mock) 서버 만들어서 API 활용하기 (Postman) Postman이라는 프로그램으로 가짜 서버를 만들수 있다. velog.io 🔗참고한곳2 필요한 import import { useEffect, useState } from "react"; import { Link } from "react-router-dom"; import axios from "axios"; axios를 안 깔았으면 터미널에 npm i axios 입력해서 깔아야 함 글쓰기 기능 참고한 블로그 🔗 💫params 게시물을 클릭하면 게시물 상세페이지로 넘어가야 함 클릭한 게시물과 보여줄 상세페이지의 정보가 같아야 함 이를 구분할 때 id를 이용함 이 id정보를 넘겨주기 위해서 params를 사용함 Board로 와서 (..
1 2 3 4 ··· 31

티스토리툴바