본문 바로가기

전체 글

(31)
[vue.js] 라우터 이동시 스크롤 위치 상단이동 Vue 프로젝트 작업때 스크롤을 내린 후에 라우터 이동을 하면 이전의 스크롤 위치 그대로 새로운 라우터에도 적용이 되어지게 됩니당 하지만 보통은 페이지 이동시에는 제일 상단으로 원위치 시켜줘야하죱 Vue에 이런한 작업을 해주는 내장함수가 있더라구요ㅎ_ㅎ!!! 하지만 history모드일때만 적용이 가능하다고합니다 속닥... - Vue의 history와 hash mode에 대해서는 아래글에 정리해두었어습니다! [vue.js] hash mode는 도대체 뭐지? Vue로 프로젝트 작업을 하다보면 hash mode라는 것을 접하게 됩니다. 여기서 단순하게 보면 hash mode : url에 #이 붙음 history mode : url에 #이 없음 하지만, 대부분의 사람들은 #이 너무나도 보기에 거슬리 lily-c..
[끄적끄적] 2022년동안 한 일과 할 일 2022년이 4개월 정도 밖에 안남은 시점에서 이번년도 동안 무엇을 해왔으며, 남은시간을 무엇을 더 할 수 있을지 생각도 해볼 겸 간략하게 정리 해보고 계속해서 업로드를 할 예정입니당! (스스로 보면서 동기부여 할 수 있도록...아..자..아자..🥲) 2022.01 ~ 회사 업무 공부 , Vue.js 회사 업무 진행할 것들에 대해서 공부하고, 새로 리뉴얼 프로젝트덕분에 Vue.js 공부해서 적용시킬 수 있는 기회가 생겼습니다 꺄악! 새로운걸 써보는건 신기하고 재밌네욥ㅎ_ㅎ 프론트가 더 재밌는 1인... 2022.03 ~ 04 SQLD 자격증 공부 및 취득 데이터 베이스 그리고 sql 공부를 하면 좋을 것 같아서 뒤적뒤적해보다가 공부의 결과물로 자격증을 따는것이 좋기도 하였고, 회사에서도 따보라고 하셔서 ..
[좋은글] 좋은글 #1 지금 못한다고 해서 나중에도 못한다는 법은 없다. 열심히 준비하면 기회는 찾아온다. 너무 초조해하지 마라. 现在做不到 不代表以后也做不到 只要用心准备就会有机会 所以不要焦虑呀 * 焦虑
[vue.js] 왜 Vue는 axios를 권장할까? 안녕하세요😊 Vue 프로젝트를 진행중에 갑자기 Vue는 왜 axios 사용을 권장하는지 의문이 생겨서 찾아보고 공유를 하려고 합니다! aixos란 "자바스크립트 어플리케이션에서 서버와의 통신을 위한 HTTP 비동기 통신 라이브러리" 즉, 프론트에서 백에드랑 서로 주고 받고 통신을 하려면 필요한 친구입니다ㅎㅎ! 그리고 axios 라이브러리는 Vue에서 뿐만이 아니라 다른 자바스크립트 어플리케이션에서도 사용이 가능합니다. 그리고 부제로 비동기랑 동기의 차이점은 동기는 서버의 작업이 끝날때까지 얌전히 기다리는 방식이며, 비동기는 서버의 작업이 끝나든말든 우선 다른 작업도 진행을 하는 방식입니다. 넵 다시 돌아와서, 많은 분들이 Vue에서는 axios를 많이 사용하고 계실텐데요! 보편적으로 많이들 알고계시는 a..
[mac] 터미널창에 bash_profile이 잘못설정되어 not found라고 뜰 때 해결방법 맥 터미널창에 bash_profile이 설정이 잘못되어져 모든 요청사항에 not found라고 뜰 경우의 해결방법입니다. 저의 경우 환경변수를 설정하기 위해 bash_profile을 잘 못 건드려버린 후 모든 명령어가 'XX command not found'라고 떠버림...🥲 (어떠한 명령어도 안들어먹는 상태....) 이러한 경우에는 PATH설정이 잘 못 되어져 있는 경우라고...(환경변수 등록하다가 PATH 꼬인 1인) 그러면 아래와 같은 방법으로 빠져나와봅니다.. 1. 터미널을 열고 명령어를 입력한다 export PATH="/usr/bin:/bin:/usr/sbin:/sbin:/usr/local/bin:/usr/X11/bin" 위의 명령어를 입력한 상태에서 새로운 명령어를 추가로 입력한다 vi .ba..
[알고리즘] Sliding Window 슬라이딩 윈도우 배열이나 문자열같은 일련의 데이터를 입력하거나 특정 방식으로 연속적인 해당 데이터의 하위 집합을 찾는 것에 유용함! 규모가 큰 데이터셋에서 데이터의 하위 집합을 추적하는 문제에 매우 유용함 흠 넵 우선 예시로 풀어볼 문제는 첫번째 인자값으로 배열이 들어오며, 두번째 인자값은 number로 배열의 각각의 num만큼의 배열 합계중 가장 큰 합을 구하는 문제 maxSumArrSum([1, 2, 5, 2, 8, 1, 5], 2) -- 10 ( 1+2 , 2+5, 5+2, 2+8, 8+1, 1+5 중에서 가장 큰 합) maxSumArrSum([], 4) -- null maxSumArrSum([4, 2, 1, 6], 1) -- 6 function test (arr, num){ let maxNum =..
[알고리즘] Two Pointers 투포인터 (Two Pointers) 두개의 포인터로 정돈되어있는 배열에서 원하는 값을 찾을 때 사용하면 좋은 알고리즘 그냥 반복문을 쓰다보면 시간 초과가 걸리는 경우가에 있는데, 투 포인터를 사용하면 메모리와 시간 효율성을 높일 수 있습니다. 코딩 테스트를 보면 시간 복잡도를 낮출 수 있는 경우에는 일부로 테스트 케이스에 n이 정말 큰 (엄청 긴 배열이나 문자열)을 사용해서 Time out을 걸리게 하는 케이스가 많다고... 우선 아래의 문제를 제가 일반적으로 풀수있는 방법으로 풀어보았고 그 밑에 투포인터 방식으로 풀이된 문제입니다. 주어진 배열에서 중복된 값을 제거한 특수한 값이 몇개인지 리턴하는 문제! countUniqueValues([1, 1, 1, 2, 1]) --> 2 countUniqueVal..
[알고리즘] Frequency Counter Pattern 강의를 들으면서 먼저 강의시작전에 풀어보는 문제로 아래의 예시와 같이 순서와 상관없이 해당 문자가 포함되어 있으면 true 하지만 여기서 빈도수는 첫번째 문자열과 동일해야함 validAnagram('', '') --> true validAnagram('cat', 'atc') --> true validAnagram('love', 'lovve') --> false 그래서 저는 우선 받아온 문자를 배열로 만들고 두 배열의 길이가 다르다면 제일 먼저 return false를 해주고, for문으로 구하기로 생각했습니다. // validAnagram('', '') true // validAnagram('cat', 'atc') true // validAnagram('love', 'lovve') false functi..