YG - 96년생 , 강아지 있음, 개발자 희망

오늘 TIL 3줄 요약 지식을 일반 텍스트로 저장하라 에디터를 유창하게 쓸 수 있도록 하라 디버깅은 단지 문제 풀이일 뿐이라는 사실을 받아들이고, 그런 마음으로 공략하라. TIL (Today I Learned) 날짜 2022. 03. 23 오늘 읽은 범위 3장. 기본 도구 책에서 기억하고 싶은 내용을 써보세요. GUI의 장점은 여러분이 보는 것이 얻는 것이라는 점이지만 단점은 여러분이 보는 것만 여러분이 얻는 것의 전부라는 점이다. - page.111 버전 관리 시스템은 소스 코드나 문서의 모든 변경 사항을 기억한다. 바르게 설정된 버전 관리 시스템이 있다면 소프트웨어 이전 버전으로 언제든지 되돌아갈 수 있다. - page.120 가장 속이기 쉬운 사람은 자기 자신이다. - page.127 디버깅할 때 ..

오늘 TIL 3줄 요약 바꾸기 더 쉽게 코드를 작성하라 (Easier to Change) DRY: 반복하지 말라 (Don't Repeat Yourself) 관련 없는 것들 간에 서로 영향이 없도록 하라. TIL (Today I Learned) 날짜 2022. 03. 21 오늘 읽은 범위 2장 실용주의 접근법 책에서 기억하고 싶은 내용을 써보세요. 왜 이름 짓기가 중요한가? 이름이 좋으면 코드가 읽기 쉬워지고 코드를 바꾸려면 코드를 읽어야 하기 때문이다. ETC! - page.39 파일을 저장할 때마다 "ETC?"라는 내용의 팝업을 띄우도록 설정하라. -page.41 모든 지식은 시스템 내에서 단 한 번만, 애매하지 않고 권위 있게 표현되어야 한다. - page.43 개발자 간의 중복에 대처하려면 크게는 ..

깃 허브 링크 배포 사이트 링크 만들게 된 이야기 지금까지 투두 리스트를 총 3번 만들어 보았지만 저와 디자이너인 여자 친구가 사용하기에 기능이 빈약했고 우리 둘의 요구사항을 모두 적어 기능으로 구현을 하게 된 프로젝트입니다. 웹 다이어리의 기능으로는 날짜 선택이 가능해야 했고 , 카테고리 추가 및 변경 그리고 완료율까지 표시하는 것으로 서로 이야기 후 디자인을 피그마로 만들어주어서 약 일주일 동안 만들게 된 프로젝트입니다. 기존의 로그인, 사용자들끼리 소통할 수 있는 페이지 , 프로필 수정이 가능한 사이트에 웹 다이어리를 추가하게 되었습니다. 기능 구현 웹 다이어리 기능 Firebase를 이용한 백앤드 구현 firebase의 필터 기능을 이용하여 작성자 자신이 작성한 글만 보여지게 하여 투두 리스트 기..

깃허브 링크 배포 사이트 링크 만들게 된 이야기 위 코드 X 원티드 프리온 보딩을 하며 팀원으로써 알게 된 양성호 프런트 개발자님이 함께 프로젝트를 만들어보자고 하여서 서로 아이디어를 내본 결과 성호님이 다른 개발자들이 어떤 개발 메서드를 가장 많이 사용하는지 통계로 알 수 있게 보여주는 사이트 어떻냐고 제안을 받아 만들게 되었습니다. 기능 구현 (맡았던 부분) 헤더 google 로그인에서 받은 정보를 담은 state 값을 이용해서 로그인, 비로그인 상태에 따라 다르게 화면에 표시되도록 하였습니다. 모바일 화면에서는 메뉴들을 한 번에 담기에 화면이 작아서 메뉴를 눌러 모달이 열리는 형식으로 고안하게 되었습니다. 댓글 컴포넌트 Axios의 get, put을 활용한 해당 월드컵 댓글 데이터 관리 axios의..

오늘 TIL 3줄 요약 프로그래머에 국한된 이야기가 아닌 더 나은 사람이 되기 위한 방법 내가 원하는 것이 있다면 주도적으로 해결할 줄 알아야 한다 프로그래머로서 더 나은 인생을 위해 계속 공부하고 소통해라! TIL (Today I Learned) 날짜 2022.03.19 오늘 읽은 범위 서문 ~ 1장. 실용주의 철학 책에서 기억하고 싶은 내용을 써보세요. 당신에게는 스스로의 행동을 직접 결정할 수 있는 힘이 있다. 주도적으로 행동해서 그 기회를 잡아라 - page.2~4 우리는 자신의 능력에 자부심을 가질 수 있지만, 실수나 무지 같은 단점도 인정해야만 한다. 어설픈 변명 말고 대안을 제시하라 - page.4~6 나쁜 설계, 잘못된 결정 , 혹은 형편없는 코드 등이 모두 깨진 창문이다. 발견하자마자 바..

카카오톡으로 이미지, 사이트 제목 , 설명등을 공유하고 싶을 때가 있는데 방법을 소개해드리려고 합니다 1. OG(Open Graph), 오픈그래프 - 오픈그래프는 페이스북이 기존의 메타 데이터 표기방법을 참조하여 만들었습니다. - 어떠한 HTML 파일의 메타정보를 쉽게 표시하기 위해서 메타정보에 해당하는 제목, 설명, 이미지 등 다양한 요소들을 통일해서 사용할 수 있도록 정의해놓은 프로토콜 입니다. 오픈그래프 기본 태그 og:title - 사이트의 제목 og:type - 사이트의 종류 예) website og:image - 사이트를 나타낼 대표 이미지(미리보기 이미지) og:url - 사이트의 대표 url 2. 프로젝트에 적용해보기 - 오픈그래프를 적용하기 위해서는 웹 서비스가 필요하다.(즉, 로컬개발에..

/* get input */ const answers = [1, 2, 3, 4, 5]; /* get input end */ /* solve */ function solution(answers) { var answer = []; let first = []; let second = []; let third = []; let firstCollect = 0; let secondCollect = 0; let thirdCollect = 0; while (first.length < 10001) { first.push(...[1, 2, 3, 4, 5]); } while (second.length < 10001) { second.push(...[2, 1, 2, 3, 2, 4, 2, 5]); } while (third.l..

/* get input */ const N = 5; const stages = [2, 1, 2, 6, 2, 4, 3, 3]; /* get input end*/ /* solve */ function solution(N, stages) { var answer = []; let itemCount = []; let rateArr = []; stages.map((item) => { const findIndex = itemCount.findIndex((itemCountItem) => { return +itemCountItem.title === +item; }); if (findIndex === -1) { itemCount.push({ title: item, count: 1 }); } else { itemCount ..