TIL

collusic 회의를 했는데 팀원끼리 한 일에 대한 공유가 잘 되지 않는 것 같았다. 허용기준 작성 ES6 Object 스터디 by 드림코딩네이버 부스트캠프 지원서 작성으쌰으쌰에서 디렉토리 구조 파악 후 index.tsx, styled.ts로 구조 리팩토

javascript에서의 Object에 대해 정리하였다. 개발 블로그 시작이다. 노션에 정리했던 ES6관련 내용들도 옮길 예정이다.으쌰으쌰 directory structure를 파악하고 ranking page에 react hook을 접목시켜 commit을 날렸다. 처음

voicemeeting 프로젝트 진행로그인 통신 성공searchingUser 중 500m 내의 userList를 client로 전송ES6 Array 스터디으쌰으쌰 코드리뷰를 받았는데 container 구조에 대한 고민이 거 필요할 것 같다. props를 한 객체로 전달

voicemeeting수락한 userList를 전달하는 searchingUserEvent를 생성했다.signInDB를 수행하는 도중 비동기 Issue가 생겨 해결 중에 있다.async await에 대한 스터디voicemeeting활동 반경 내 user 중 join 원하

voicemeeting project 완성서로 호감을 표시하는 u_id, target_id를 객체로 싸서 client에 보내준다.통화 종료 후 after에 대한 여부를 물어보고 확인하는 DB 및 server 설계캡스톤 발표 PPT 준비캡스톤 논문 준비

캡스톤 논문 준비를 하였는데 준비에 너무 미숙했던 것 같다. 일을 너무 닥쳐서 해서 논문의 질이 높지가 않다.캡스톤 PPT 준비비동기 복습

기말고사 준비기말고사 준비

기말고사 준비기말고사 준비

기말고사 준비부스트캠프 지원하기Programmers 정렬 2번 풀기

드림코딩 array API를 공부했다. map에 대해 숙지하자.Programmers 정렬 > 가장 큰 수 문제를 풀었다. python과는 다르게 sort api를 사용해 직접 커스터마이즈하게 array를 정렬할 수 있다. sort((a, b) => a - b)에서 b가

정렬 > H-Index를 공부하였다. testcase를 만드는 것에 대한 틀이 필요하다 생각했고 나만의 4가지 규칙을 만들었다.value의 범위를 확인할 것0만 있는 testcase 만들 것숫자가 매우 클 때의 testcase 만들 것매우 작은 숫자와 큰 숫자가 섞여있

캡스톤 논문 작성을 완료하였다.해시 > 완주하지 못한 선수 풀기해시 > 전화번호 목록 풀기

오늘 한 일 (회고) 내일 할 일 (계획) 부스트 캠프 지원하기 으쌰으쌰 랭킹페이지 DB api에 관해서 민섭님과 협의 디렉토리 구조 조사 collusic 개발 시작 으쌰으쌰 랭킹페이지 parameter로 전달되는 props Issue 해결

해시 > 위장 문제 풀이object 1개의 key 값에 여러개의 value를 배열형태로 넣을 수 있다.value || 0를 사용하면 value가 undefined일 때 0으로 초기화할 수 있다.reduce와 체이닝을 잘 활용할 수록 코드가 간단해진다.알고리즘을 해결할

collusic FE회의에서 분업에 대한 논의를 하였다.페이지 단위로 분업을 하되 재사용될 컴포넌트에 대해서는 Github PR을 이용해 논의하는 것이 제일이다.으쌰으쌰에서 swagger에 대한 얘기를 들었다.api 테스트를 할 때 쓰는 툴로서 GET, POST 등 a

Programmers 스택/큐 > 기능개발 풀이반복문을 너무 자주 사용한다. 반복문 사용을 최대한 자제할 필요가 있다.자주 쓰이는 라이브러리는 평소에 연습해 익숙해지는 것을 목표로 해야겠다.Programmers 스택/큐 > 프린터 풀이더욱 간단하게 접근하는 방법을 생각

collusic에 container구조 적용container구조를 styled-component를 통해 적용하였다.react의 browser dom 적용switch route를 통해 routing 구현을 시도하였지만 현재 에러를 해결하지 못한 상황이다.으쌰으쌰 swag

import, export에서 절대경로가 인식이 되지 않는 문제를 해결하였다.jsconfig에서 src폴더를 baseUrl로 설정한다.Browser Router 부분을 해결 중에 있다.Browser Router 동작swagger rephase 실습NavBar 개발

오늘 한 일 (회고) collusic 메인 페이지 뷰 90% 구현 내일 할 일 (계획)

Programmers 스택/큐 > 다리를 건너는 트럭 풀이스스로 약속했던 L2 문제 1시간 내로 풀기를 통과하지 못했다. 때로는 문제의 흐름대로 따라가는 것도 하나의 방법이다.으쌰으쌰 프로젝트 swagger 실습흔히 BE개발자들이 말하는 api는 FE와 BE 사이에 오

"리팩토링 2판" 1장 공부아직은 예시를 다루는 중이다. 그저 공부하는 과정보다는 체화하는 과정이 필요해보인다. 배운것들을 바로 프로젝트에 적용하는 것도 좋을 것 같다.collusic 프로젝트 진행axios를 이용해 api를 적용하고 state에 적용하는 과정을 진행하

"리팩토링 2판" 1장 공부완전탐색 > 소수 찾기 풀이L2문제인데 1시간이 넘어 풀지 못했다. 특히나 이 문제 같은 경우는 1시간 반을 줬어도 풀 수 있을런지 의문이다. 못 푼 문제들은 계속 다시 풀어보는 것이 좋겠다.collusic 메인페이지 hover 적용"리팩토링

오늘 한 일 (회고) collusic 메인페이지 뷰 구현 Create Project 버튼에 onMouseOver, onMouseOut 시에 "Create Project" 문구 나타나고 사라지는 애니메이션을 구현하였다. 버튼에 마우스를 올리면 "Create Proje

오늘 한 일 (회고) 리팩토링 1.8 공부 중 상속 계층을 구성해서 희극 서브클래스와 비극 서브클래스가 각자의 구체적인 계산 로직을 정의 내일 할 일 (계획)

알고리즘에 자주 사용되는 math, set api 정리math.ceil, math.floor, math.sqrt, math.abs에 대해 정리하였다.리팩토링 1장 공부리팩토링 2장 공부github fork후 작업 과정 공부

github fork 후 작업 과정 공부항상 메인 레포지토리에서 github flow 전략을 구현하는 방식으로 진행했었는데 fork 후 upstream을 조작하며 하는 과정이 생각보다 복잡했다. 설명을 직접해보니 머리속에서 정리가 된 듯 하다.collusic 네비게이션

리팩토링 2-5 공부알고리즘 녹화 영상 첫 강의 시청알고리즘 문제 풀기 시작클로저 공부

리팩토링 2-6 공부XP(eXtreme Programming) : CI(Continuous Integration) + RefactoringCI에 통합된 테스트는 XP의 권장사항이자 CD(Continuous Delivery)의 핵심레거시 코드는 서로 관련된 부분끼리 나눠

리팩토링 3-1장 "기이한 이름"가장 많이 사용하는 리팩토링은 함수 선언 바꾸기, 변수 이름 바꾸기, 필드 이름 바꾸기마땅한 이름이 떠오르지 않는다면 설계에 더 근본적인 문제가 숨어 있을 가능성이 높다.예) 함수가 복수개의 기능을 담당할 경우리팩토링 3-2장 "중복 코

리팩토링 3-3 "긴 함수"리팩토링 3-4 "긴 매개변수 목록"리팩토링 3-5 "전역 데이터"내일 할 일

백준 2231번 풀이완전탐색 문제는 시간효율에 신경쓰지 않고 말그대로 열심히 탐색하면서 값을 찾아나간다. 문제도 그렇게 풀면 된다.반례를 찾는 것은 생각보다 쉽지 않다. 먼저 코드를 차근차근 보고 문제가 없는 것을 확인한 후 반례를 찾아보도록 한다.리팩토링 3장백준 알

MVVMView : 사용자에게 보여지는 부분만을 작성한 곳. react에서는 Presentational Component. 필요한 것들은 모두 Props로 받아온다.ViewModel : View와 Model을 연결해주는 역할. react에서 Container Compo

리팩토링 3장 공부알고리즘 5618번 풀이recoil 공부graphQL 공부

recoil 공부내일 할 일

google meet 배경 메이커 toy project 진행recoil 사용해서 상태관리 연습MVVM 모델 적용 연습View 작성 완료Model 작성 중테스트 코드 작성 연습mocha 적용test폴더 내부에 test.js를 만들어서 api를 가지고와서 함수 및 클래스

쿠키-세션 인증, 토큰 인증 방식쿠키-세션 인증과정Browser(User) -> Server 로그인 요청을 한다.server -> Database 세션을 생성해서 집어넣는다.server -> Browser(User) Set-Cookie header를 포함하여 응답을 보

오늘 한 일 내일 할 일