본문 바로가기

전체 글168

자바스크립트로 pagination 구현하기(+리액트) 코드스테이츠 4주차 솔로프로젝트, 8주차 솔로프로젝트 과제입니다. 혹 검색해서 찾아오시는 분들에게 도움이되고자 코드스테이츠란 말을 남깁니다 https://animated-puppy-360e0b.netlify.app/ -자바스크립트로 구현한 사이트 https://sweesweett.github.io/fe-sprint-my-agora-states-server/ -리액트로 구현한 사이트(다만 리액트는 서버(localhost:3001)가 켜져있어야 가능 어차피 똑같이생김) 처음으로 pagination을 구현해봤다. localstorage를 이용하는 방법이라 실제 백엔드와 통신할때는 다를것이라 예상한다 또한 나의 실력도 초보자이기 때문에..ㅎ...ㅎ.ㅎ.ㅎ... 깔끔하지 못한 것 같다 > 는 맨 처음으로, 맨 끝.. 2022. 5. 30.
[JS]정수 내림차순으로 배치하기 https://programmers.co.kr/learn/courses/30/lessons/12933?language=javascript 코딩테스트 연습 - 정수 내림차순으로 배치하기 함수 solution은 정수 n을 매개변수로 입력받습니다. n의 각 자릿수를 큰것부터 작은 순으로 정렬한 새로운 정수를 리턴해주세요. 예를들어 n이 118372면 873211을 리턴하면 됩니다. 제한 조건 n은 1이 programmers.co.kr 간단한 문제지만 이 문제를 고차함수를 배운 후 고차함수를 이용해 다시 풀어보았다 1. function solution(n) { return Number(Array.from(String(n)) .sort() .reverse() .join('')) } sort가 callback함수를.. 2022. 5. 23.
자바스크립트에서 빈 배열인 변수와 []가 비교가 안되는 이유 이전에 파이썬에서 빈 배열임을 확인할때 arr==[]를 써서 그런지, 자바스크립트에서 동일하게 썼는데 문제가 아예 안풀렸었다. 이유가 뭔지 전혀 이해가 되지 않았었다. 오늘에서야 그 이유를 알게 되었는데, 자바스크립트에서는 빈 배열인 변수와 []는 주소가 서로 다른 빈 배열이라고 생각하기 때문이다. 참조 자료형이기 때문에 그런 것.... object로 예를 들자면 const a = {key:1,key2:2} const b ={key:1,key2:2} console.log(a===b)//false 이 두개의 객체가 모양은 같더라도 참조하는 주소는 다른 것 처럼 빈 배열인 arr와 []도 다른 것이다. 2022. 5. 10.
기존 배열을 수정하는 메서드와 새로운 배열을 반환하는 메서드 220510( Js, 배열) 배열메서드 중 기존의 배열을 수정하는 메서드 정리(헷갈려서) 고차함수는 제외함 기존의 배열을 수정하는 메서드 1. pop(), push() pop() - 배열의 맨 뒤의 요소를 제거. 매개변수 필요x 제거된 요소를 반환 push(추가할 요소) - 맨 뒤에 다른 요소를 추가 추가할 요소를 매개변수로 받음 배열의 새로운 길이를 반환 2. unshift(), shift() shift() - 배열의 맨 앞의 요소를 제거. 매개변수 필요x 제거된 요소를 반환 unshift(추가할 요소) -맨 앞에 다른 요소를 추가 추가할 요소를 매개변수로 받음 배열의 새로운 길이를 반환 3. splice() splice() - 배열의 기존 요소를 삭제 or 교체// 삭제, 교체 없이 배열의 내용을 변.. 2022. 5. 10.

티스토리툴바