요기도기의 하루하루

1. sort() 메서드에서 첫번째 주의할 점은 () 안에 compareFunction Optional 즉 정렬 순서를 정의하는 함수를 생략하면, 배열은 각 요소를 문자열로 변환하고, 문자열에 따라 각 문자의 유니 코드 코드 포인트 값에 따라 정렬됩니다. 2. 두번째 주의할 점은 반환값으로는 원 배열이 변환되기 때문에 만약 원 배열을 훼손시키고 싶지 않으면 slice() 를 통해 얕은 복사를 한 뒤 사용해주는게 좋다. //2개의 값을 비교했을때 양수면 순서가 바뀐다고 생각하면 됨. let arr = [6,10,2] arr.sort((a,b)=>a-b) // 1-1. 6 - 10 음수이기 때문에 값 변하지 않음 [6,10,2] // 1-2. 6 - 2 양수이기 때문에 순서 변함 [2, 10, 6] // 2..

프로그래머스 입문 문제를 푸는 도중 맞닥뜨린 문제를 해결하면서 깨닫게 된 점. 자바스크립트에서 문자열은 불변한다. 오류가 났던 코드. my_string.charAt(i).toLowerCase(); 자체로 my_string 값이 변하는줄 알았는데, 그게 아니기 때문에 다른 변수에 다시 담아줘야 한다는 기초적인 것을 다시 공부하는 계기가 되었다. function solution(my_string) { var answer = ''; for(let i = 0; i < my_string.length; i++) { if(my_string.charAt(i).toUpperCase() === my_string.charAt(i)) { my_string.charAt(i).toLowerCase(); } else { my_st..

function solution(my_string) { var answer = 0; for(let i=0; i { return !isNaN(curr) ? prev + Number(curr) : prev },0) } isInteger 는 숫자일때 정수,실수 를 판별할때 쓰는것! isNaN 은 문자열 안에 있는 숫자더라도 숫자인지 판별가능함. split 을 쓰는 이유는 reduce 가 배열에 작동하기 때문! prev 는 curr 이 다음 ..

코어 자바스크립트 - Chrome 으로 디버깅하기 요약 디버깅(debugging)이란 ? 스크립트 내 에러를 검출해 제거하는 일련의 과정을 뜻함. 1. Sources 패널 Sources 패널은 크게 세 개의 영역으로 구성됩니다. 파일 탐색 영역 – 페이지를 구성하는 데 쓰인 모든 리소스(HTML, JavaScript, CSS, 이미지 파일 등)를 트리 형태로 보여줍니다. Chrome 익스텐션이 여기 나타날 때도 있습니다. 코드 에디터 영역 – 리소스 영역에서 선택한 파일의 소스 코드를 보여줍니다. 여기서 소스 코드를 편집할 수도 있습니다. 자바스크립트 디버깅 영역 – 디버깅에 관련된 기능을 제공합니다. 곧 자세히 살펴보겠습니다. 2. 콘솔과 중단점 Console Esc를 누르면 개발자 도구 하단부에 콘솔..

들어가며 이력서에 수상내역으로 2줄을 추가할 수 있게 되었다! 부트캠프가 끝난 후, 팀원들과 함께 해커톤 대회를 나가게 되었다. 처음에는 막연하고, 내가 할 수 있을까? 했던 마음이 좋은 결과로 돌아와서 너무 기뻤던 ...! 사실 해커톤대회는 사업가능성이 중요한 점수의 기준이고, 발표력이 중요한 영향을 끼치는 것 같다. 코드도 물론 열심히 짰지만, 팀원들과 함께 하나의 의견도 버려지는 것 없이 경청하면서 서로 존중하면서 초기부터 기획을 해 나간 결과 웹사이트의 활용성과 사업가능성이 인정받아 심사위원들에게 좋은 평가를 받았던 것 같다. 결론은.. 두둥! 23.09.21 ~ 23.09.22 ICT 이노베이션 스퀘어 AI 해커톤 대회 1등 데이터를 활용한 관광 서비스 개발 분야(강원정보문화산업진흥원장상 수상)..

Next.js 를 사용해야 하는 이유 - [손에 익는 Next.js 공식 문서 훑어보기] 답은 간단하다. 기존 React가 가진 한계를 해소하기 위해서, 기존의 React는 JavaScript 로 HTML을 그려 그 파일을 클라이언트 단에서 렌더링한다하여 CSR (클라이언트 사이드 렌더링) 방식을 가지고 있다. 하지만 이것은 자바스크립트의 번들이 너무 크고, 이걸 가져 오기까지 속도가 걸리다 보니 초기 성능이 저하 되는 문제가 발생했다. 또한 SEO의 관점에서도 미리 봇들이 불러와서 HTML 문서를 봐야하는데 자바스크립트 소스들이 불러와지기 전까지 root 같은 개념밖에 파일에 없으니 SEO 에서도 최적화되지 못했다. 이러한 불편함을 가지고 SSR (서버 사이드 렌더링) 의 개념을 개발자들이 상상만 하고..