KassyLog

https://school.programmers.co.kr/learn/courses/30/lessons/42576 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 수많은 마라톤 선수들이 마라톤에 참여하였습니다. 단 한 명의 선수를 제외하고는 모든 선수가 마라톤을 완주하였습니다. 마라톤에 참여한 선수들의 이름이 담긴 배열 participant와 완주한 선수들의 이름이 담긴 배열 completion이 주어질 때, 완주하지 못한 선수의 이름을 return 하도록 solution 함수를 작성해주세요. 제한사항 마라톤 경기에 참여한 선수의 수는 1명 이상 100,0..

개발을 하다보면 절대경로가 필요해지는 순간이 온다. 폴더구조의 깊이가 생기면서 보기에 지저분해지는 import 문이 생기기때문이다. 예를들면, 요론느낌의 연속이 계속 되면 엄청 지저분해지는건 순식간이다! import Input from '../../../components/Input'; 사실 지금은 프로젝트 규모가 작아서 엄청 복잡하고 지저분한 코드는 아니지만, 나중에는 복잡하고 가독성이 떨어지게 될 것이다. 이를 방지하기 위해서 절대 경로를 설정하려고 한다. 여러 개발환경 중에서 나는 Vite + TypeScript 조합으로 절대경로를 설정하는 법을 기록해두려한다! 우선 내가 찾아본 방법 중에 플러그인을 설치하는 방법도 있는데 나는 프로젝트의 규모가 크지 않아서 tsconfig.json파일과 vite...

전공자라면 기본적으로 지식이 있을 법한 자료구조에 대해서 결핍을 느끼고 어떻게 공부를 해야할지 고민을 하고 있었다. 그때 리드분께서 이 책을 소개해주셨고, 이 책은 가볍게 볼만하다고 저에게 도움이 될 것이라고 말씀 주셨는데.. 읽다보니... 사실 전혀 나에겐 가볍지 않았다ㅠ_ㅠ 그래서 막 유튜브랑 병행해서 순서대로 보다가 집중력이 흐려지면서 속도가 더뎌지더니.. 먼지만 쌓여가고 있었다.. 하지만,,, 결핍은 계속 됐고 코드숨 이라는 프로그램을 통해 자료구조와 알고리즘에 대해서 다시 공부를 시작할 수 있었다. 그 프로그램은 6주동안 한주에 총 5문제를 풀어야하는데 가장 좋은 점은 코드리뷰까지해주신다!! 1주차를 경험한 지금.. 솔직히 쉽지않다.. 전공자가 수강하면 쉬울까..?ㅠㅠ 그치만 화이탱해야지! 라는..

그렇다! 너무 늦었다! 오늘 3월 1일인데 ㅎㅎㅎ 이제서야 회고라니~ 본론으로 들어가기에 앞서 내가 생각했던 이제껏 개발 블로그에 대한 개념? 생각? 을 정리하고자 한다..! 일단, 난 기록하는걸 좋아한다. 더불어 귀차니즘도 심하다! ㅋㅋ 그래서 나는 기록을 핸드폰 메모장에 덕지덕지 작성해두고 생각날 때마다 다시 확인하곤 하는데 이러다 보니 정리가 안되는 부분이 있었다. 이전에 나는 개발블로그와는 별개로 내 일상을 공유하는 네이버 블로그가 있다. 물론 성격자체가 확연히 차이나는 블로그이지만 나의 생각과 의견을 공유하는 목적은 같은 방향을 띄고 있는 것 같다. 그러면 개발블로그에서 개발 관련 / 생각 정리를 하면 되지 않을까?! 하지만 내가 생각하는 개발블로그는 뭔가 정확한 정보 전달에 더 무게가 쏠린 느..

역시나.. 회사업무와 사이드프로젝트하기란,, 쉽지 않다고 생각했다. 그치만, 회사업무가 거의 없는 지금 이 상황에도 사이드프로젝트하기란 쉽지않다.. 하핫 매번 블로그도 열심히 작성해보자고 다짐하는 나였지만 항상 다짐으로 끝나는 나! 이제는 화이팅해야지! 새해(라고 하기엔 3월이다)니까 새로운 마음으로 의지를 다잡아보겠습니당~~! 서론이 좀 길었고,, 본론으로 들어가자면 현재 진행중인 사이드프로젝트에선 지도와 그래프를 활용하고 있는 부분이 있다. 그 중에서 지도는 구글맵을 활용하고 있다. 우선 구글맵을 고른 이유는 내가 구현하고자 하는 부분이 지도에 라벨..? 정보창이 보여져야하는 부분이었다. 딱 구현하고자 하는 부분이 위 이미지와 같았고 구글 지도가 한달에 28,500번 정도는 사용해야 유료로 전환되는 ..

DOM과 Virtual DOM이란? DOM은 document object model의 약자로 말 그대로 문서객체모델인데 자바스크립트가 이용할 수 있는 객체를 의미한다. (div a input …) Virtual DOM은 말 그대로 가상돔을 의미하는데 실제돔의 복제본으로 돔은 브라우저가 화면을 그리는데 모든 정보가 다 들어있기때문에 조작하는 작업이 무거운데 (수정될 때 마다 렌더트리가 계속해서 실시간으로 갱신 됨)리액트에서는 가상돔을 만들어서 관리하며 성능을 보다 효율적이게 한다. 가상돔을 활용하면 직접 돔을 조작하지 않고 최초의 돔의 상태를 메모리에 기억하고 변경이 있을 경우 해당 변경 사항만 반영하는 것이다. 리액트의 특징은? 가상돔을 활용하여 보다 성능을 가볍게 할 수 있다. 컴포넌트를 쉽게 재사용가..

우리는 nextjs를 활용해서 사이드 프로젝트를 만들기로 결정했다. 여러 고민포인트가 생기는데 그 중에 하나가 배포를 무엇으로 진행할 것인가 였다. Vercel 진행할까 아니면 AWS로 진행할까..?? 앞서 각 장단점을 찾아보기로 했다. AWS - Amplify 😀 커스텀이 용이하다. 🙁 초기세팅이 귀찮다. (알아야할 것이 많다.) Vercel 😀 쉽고 간단하고 HTTPS까지 자동으로 설정이 가능하다는 부분이 있다. 😀 글로벌CDN 제공 (물론 AWS에서도 커스텀이 가능한 부분이지만 Vercel에선 기본 제공) 🙁 AWS에 비해 기능이 적다 (하지만, 이부분은 백엔드 배포의 경우 이야기인것 같고 웹 배포에서는 FE최적화서버리스 아키텍쳐라서 우리에겐 그닥 단점이라고 느껴지지 않는다.) 결론 🤔 Vercel..

Set 객체는 중복되지 않는 유일한 값들의 집합이다. Set 객체는 배열과 유사하지만 다음과 같은 차이가 있다. 구분 배열 Set 객체 동일한 값을 중복하여 포함할 수 있다. O X 요소 순서에 의미가 있다. O X 인덱스로 요소에 접근할 수 있다. O X 이러한 Set 객체의 특성은 수학적 집합의 특성과 일치한다. Set은 수학적 집합을 구현하기 위한 자료구조다. 따라서 Set을 통해 교집합, 합집합, 차집합, 여집합 등을 구현할 수 있다. Set 객체의 생성 Set 객체는 Set 생성자 함수로 생성한다. Set 생성자 함수에 인수를 전달하지 않으면 빈 Set 객체가 생성된다. const set = new Set(); console.log(set); // Set(0) {} Set 생성자 함수는 이터러블..