DevLog:-)

한 달 동안 소셜 네트워크 서비스 구현 프로젝트를 진행했다. 그 한 달간의 회고이다. 😅긴장되는 첫 프로젝트 웹 프론트엔드 개발 프로젝트는 처음이어서 긴장을 많이 했다. 프로젝트 기간 이전에 온라인 강의를 들으면서도 계속 프로젝트를 걱정했던 거 같다. 그러던 중에 팀에서 일찍이 팀프로젝트를 준비하는 것이 어떠냐는 의견이 나왔고 공식 일정보다 일찍 프로젝트를 시작하게 되었다. 걱정이 있었던 지라 일찍 시작하는 게 심적으로 부담도 적고 여유롭게 마칠 수 있을 것 같아 너무 좋았다. 본격적 팀프로젝트에 앞서 팀 역할로 서기를 맞게 되었다. 초반에는 팀원분들이 말씀하시는 중간에 끊기가 힘들어 놓치기도 했고 익숙하지 않은 개발 용어에 당황할 때도 있었다. 점점 시간이 지나면서 나름의 정리하는 방법도 생기고 팀원분..

✔️이번 단위기간에 공부한 것들 vue react ✔️과제 회고 영화검색페이지(Vue) 배포링크 타입스크립트와 Vue.js을 활용하여 영화 검색 사이트를 만들었다. 라우터 설정과 관리가 중요했던 과제인 거 같다. 라우터 관련 코드리뷰를 많이 받으면서 route구조를 더 깔끔히 하고 효율적인 렌더링 방식으로 리팩토링할 수 있었다. 또 이번에 Tailwind CSS 도 사용하면서 새로운 스타일 툴도 사용해 본 좋은 경험이었다. 코드가 너무 길어지고 복잡해지는 단점이 있지만 따로 className을 설정하지 않아도 되어 장단점이 명확한 라이브러리 인 거 같다. 또 이번에 코드리뷰를 진행하면서 meta태그도 알게 되었다. 이후 과제나 프로젝트에서 meta태그를 적극적으로 활용해봐야겠다. Tooltip 컴포넌트 ..

프로그래머스 데브코스에 합격하여 참여를 한지 어느덧 한 달이 지났다. 한 달이라는 시간이 정말 빠르게 지나간 것 같다.😅 cs부터 자료구조, 알고리즘, JavaScript , Vanilla JS까지 많은 것을 배울 수 있었던 한 달을 되돌아보며 회고록을 작성하려 한다. 👍좋았던 점 코어타임 코어타임은 일정 시간 동안 팀원들과 캠을 켜고 학습을 하는 시간을 말한다. 일정 시간으로 규정되어있다 보니 학습을 꾸준히 할 수 있었다. 그 시간을 정말 잘 활용했는가는 의문이긴 하다.(더 노력해야 할 부분...ㅎㅎ) 하루하루 주어진 강의의 내용을 소화하는 것도 어려울 때가 있었지만 팀원들과 함께 하는 코어시간이 있어 계속 나아갈 수 있었던 거 같다. 이 시간에 팀원들과 모던 자바스크립트 딥다이브 스터디도 하는데 혼자..

문제 베스트앨범 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr function solution(genres, plays) { const genreMap = new Map(); genres .map((genre,index) => [genre,plays[index]]) .forEach(([genre,play], index)=>{ const data = genreMap.get(genre) || {total: 0, songs:[]}; genreMap.set(genre,{ total: data.total + play, songs:[...data.songs,{pla..

문제 올바른 괄호 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr function solution(s){ let stackCount =0; for (let i of s){ //문자열 각 문자 분석(인덱스 접근 보다 효율성 올라감) if(i == "("){stackCount+=1;} else{stackCount-=1;} // i==="(" ? stackCount++ : stackCount--; if(stackCount < 0){return false;} } if(stackCount!=0){return false;} else {return true;} //co..

문제 구명보트 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 코드 1 function solution(people, limit) { let visited= Array(people.length).fill(0); people.sort((a,b)=>b-a); let length = people.length; let count =0; for(let i in people){ if(visited[i]==0){ for(let j = length-1; j > i ;j--){ if(visited[j]==0){ if(people[i]+people[j] 효율성 테스트 1개 ..

문제 카펫 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 코드 function solution(brown, yellow) { var answer = []; let x,y; let i =1; while(i 2+1 = (brown-4)/2 = (10 - 4)/2 = 3 - 그 약수 값에서 2씩 더한 값(2+2,1+2) = return 값 [4,3] 2) brown 24, yellow 24 /return [8,6] - yellow의 약수 짝에서 합이 (brown-4)/2와 같은 짝 (6,4) => 6+4 = (brown-4)/2 = (24 - 4)/2 = 10..

문제 프로세스 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 코드 function solution(priorities, location) { let q1 = [...priorities]; let q2 =[]; let p,l; let count =0; for (let i in q1){ q2.push(parseInt(i));} while(q1){ p = q1.shift(); l = q2.shift(); if(Math.max(...q1)>p){ q1.push(p); q2.push(l);} else{ count++; if(l==location){ return c..

문제 JadenCase 문자열 만들기 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr //복습2 function solution(s) { var answer = ''; let li = s.split("") //문자열 -> 배열 li=li.map((a,i)=>{ //map이용해서 각 요소값 바꾸기 if(i==0 || li[i-1]==' '){ //맨 앞글자 대문자 return a.toUpperCase();} else{return a.toLowerCase();} //나머지 글자 소문자 }); return li.join(""); } ✅check point arr..

문제 뒤에 있는 큰 수 찾기 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr map함수를 사용한 코드 function solution(numbers) { var answer = []; answer = numbers.map((e,i,arr)=> { for(let j =i+1; j e){return arr[j];} } return -1; }) return answer; } 결과 : testcase 20~23을 시간 초과로 통과하지 못했다. 📖스택을 사용한 코드 function solution(numbers) { var answer = new Array(numb..