프론트 엔드 공부 블로그

2022. 09. 26 이전엔 10초내로 잘만 실행되더니 프로젝트 하나 하려고 하니 한 번 실행하는데 2~3분씩 기다려야 실행이 된다. npm, node js 버전 문제라길래 버전도 업그레이드 해보고 이것저것 해봤는데도 계속 느렸다... 핫스팟 때문인가 싶어 카페를 가서 공부해야하나 싶었는데 크롬으로 실행시켰더니 실행속도가 원래대로 돌아왔다 ^_ㅜ... + 지금은 사파리로 동작을 시켜도 잘 동작 된다. 와이파이나 인터넷 연결의 문제인 걸 수도 있겠다...

1. 문제점 1.) 문제배경 leetcode 문제를 풀다가 내가 의도한 것과는 다르게 재귀구문이 동작하는 경우가 있다. 그리고 대부분의 경우 매개변수를 넘겨주거나 할당할 때 slice()나 전개 연산자를 통해 복사해주면 해결이 되었다. 왜 slice()와 전개연산자로 넘겨주지 않으면 이상하게 동작하는 걸까? 2.) 예시코드 const array = [1,2,3]; const array2 = array; array2[0] = 6; console.log(`array: ${array} \n array2: ${array2}`); array를 다른 변수에 할당하고 해당 변수에서 값을 바꿔보았다. array = [1,2,3]; array2 = [6,2,3]; 나는 위 값을 기대했으나 실제로 콘솔에 출력된 값은 기존..

새로 만든 브랜치(suyeon)으로 원격 레퍼지토리에 push 했다. 그다음 pull request 를 해야하는데... There isn't anything to compare! 검색해보니 로컬에선 master 브랜치가 기본 브랜치이기 때문에 origin 의 main 브랜치는 비워있다고... 그래서 main 브랜치에게 master브랜치의 내용들을 덮어 씌워주어야 한다고 한다. git switch master git branch main master -f git switch main git push origin main -f 혹은 git config --global init.defaultBranch main 로 main 브랜치를 기본 브랜치로 설정한다 그리고 기존에 있던... master 브랜치는 헷갈리고..

- 알게 된 게 많았던 것 위주로 정리 - 내가 푼 정답이 성능이 잘 나왔던 경우도 있지만... 대부분 성능이 그다지 좋지 못해서 discuss를 많이 참고했다. 1. Longest Substring Without Repeating Characters - 문제: 중복되는 문자가 없는 가장 긴 subString의 길이를 반환하는 문제. - 해결: window sliding 기법, Map 자료구조 사용 // * 중복된 문자가 들어가지 않는 가장 긴 subString을 출력하는 문제 // ! window sliding 기법 + Map 을 사용하여 해결 const legnthOfLongestSubString = (s) => { let stringMap = new Map(); let left = 0; let ma..

참고 : 프로그래머스 공식 블로그 https://prgms.tistory.com/113 '2021 Dev-Matching: 웹 프론트엔드 개발자(하반기)' 기출 문제 해설 프로그래머스에서는 지난 2021년 9월 4일 '2021 Dev-Matching: 프론트엔드 개발자(하반기)'의 과제 테스트가 진행되었습니다. 과제 리뷰가 제공되지 않지만, 어떻게 하면 구현을 더 잘할 수 있었을까? prgms.tistory.com 리액트 라우터 동작처럼 바닐라 JS 에서도 새로고침 없이 부드럽게 넘어가는 SPA를 만드는 법을 공부했다. 0. 페이지 구조 Home 클릭 시 메인화면으로 넘어오고, Sign Up 클릭 시 회원가입 페이지로 넘어간다. 메인화면 회원가입 화면 1. 파일 구조 2. 파일 역할 2-1. Index...

밀양 시내 노선도 프로젝트 소개 부산대학교 밀양 캠퍼스 내 교통편의 불편함을 해결하기 위한 서비스 기존 문제 밀양캠퍼스는 정해진 시간에 버스와 기차가 도착하고 출발하는데도 매번 환승가능한 시간을 따로따로 알아봐야 한다. 각 시간 마다 버스의 노선이 다르고 그에 따라 이동시간, 거리도 달라진다. 몇몇 정류장의 출발 시간만을 제공하기 때문에 그 사이 정류장까지의 이동시간이나 도착시간을 알 수 없다. 제공 기능 열차 - 버스의 환승을 돕기 위한 타임 테이블 시간표 밀양 시내 길찾기 & 지도 기능 기존 버스 시간표 디자인 수정 전체 디자인 기능 설명 1. 열차 - 버스 타임 테이블 밀양 캠퍼스는 정해진 시간에 버스와 기차가 도착한다. 기차 - 버스 환승 시 마다 버스 정류장에 있는 시간표를 캡처하거나 웹에 올라..