javascript4 [Javascript] parseInt()와 toString() 2023년 2월 5일 작성 알고리즘 문제를 풀다가 내가 parseInt()에 대해 제대로 파악하지 못하고 사용했단 걸 알았다! 깨달음을 얻게 해준 문제는 이진수 더하기이다. 처음에는 특정 진수끼리 더하게 해주는 매서드가 있는 줄 몰라서 10 + 11 을 하면 21이고, 2를 10으로 바꿔서 101 로 나타나게 해줘야 하나? 하면서 고민을 했다. 그러다가 매서드를 검색하고서 '아니 parseInt()에게 이런 기능이 있단 말야?' 하고 깜짝 놀랐다. 나에게 parseInt()는 가끔 숫자를 입력했는데도 불구하고 그것이 숫자가 아니라고 하는 혹시 모를 오류를 방지하기 위한 수단이었다. 그래서 매개변수를 하나만 받는 줄 알았는데 알고 보니 선택적으로 다른 매개변수를 받을 수 있었다! parseInt(strin.. 2023. 3. 10. [Javascript] Sort() : 배열을 정렬해주는 매서드 2023년 1월 18일 작성 sort() sort 매서드는 기존 배열을 재정렬해준다. 새로운 값이 반환되지 않고 기존 배열이 오름차순 혹은 내림차순으로 정렬되어 반환된다는 것을 명심해야 한다! numArr.sort() 를 하면 숫자를 문자로 변환하고, 유니 코드 순서대로 정렬하기 때문에 243이 28보다 앞에 나온다. 맨 첫자리를 기준으로 오름차순 정리한다고 보면 된다. 매개변수 : compareFunction 정렬 순서를 정하고 싶을 땐 매개변수를 활용해야 한다. 숫자 정렬 숫자를 정렬할 때 오름차순은 numArr.sort((a,b) => a-b), 내림차순은 numArr.sort((a,b) => b-a) 해주면 된다. (a-b) 가 음수인 경우 b가 더 크니 a < b 로 판단해 정렬해주는 원리인데 .. 2023. 3. 6. [Javascript] find()와 reduce() 2023년 1월 13일 백엔드와 통신을 할 때 프론트엔드에서 백엔드로 데이터를 보내줘야하는 경우가 있었다. 그때 백엔드에서 원하는 형태의 데이터로 가공을 해 데이터를 보내줘야했다. 장바구니 페이지에서는 1. 장바구니에서 구매할 항목을 체크 후 주문하기를 누르면 선택한 항목들의 cartId가 배열에 담기는데, 그 배열에 담긴 항목의 cartId와 productId, quantity를 보내줘야 했다. 2. 내가 구매할 아이템들의 총 가격을 보내줘야 했다. 그래서 값을 구하기 위해 find와 reduce를 활용했다. find() find() 는 배열에서 특정 조건에 맞는 값을 찾는 함수이다. 조건에 부합하는 첫 번째 값을 리턴하고, 만약 조건에 일치하는 값이 없을 경우 undefinded를 리턴한다. 나는 f.. 2023. 3. 5. [Javascript] console.log() 활용 팁 나는 console.log()를 많이 활용한다. 통신을 할 때 data가 제대로 들어왔는지, 함수가 내가 원하는대로 작동하고 있는지 console.log()로 항상 체크를 한다. 처음 자바스크립트 공부를 할 때는 console.log(변수) 와 같이 단순하게 활용을 했었다. 이 방법은 값 하나를 확인할 땐 편하지만, 확인하고 싶은 값이 여러 개일 때 이 값이 어떤 값인지 확인하려면 console.log()가 실행된 게 몇 번째 줄인지 보고 그 줄을 확인해야 한다는 단점이 있다. 여러 개 값을 확인하고 싶을 때 그래서 여러 개의 값을 확인하고 싶을 때는 앞에 문자로 어떤 변수인지 ‘변수 이름 : ‘ 을 써주고, 두 번째에 변수를 적었다. 이렇게 하니 console.log()에 찍힌 값이 어떤 변수인지를 식.. 2023. 2. 24. 이전 1 다음
