y.developer

2023.10.25 수 보충반 강의 듣는중... 조금 이따가 정리 지금 듣는 실시간 강의 내용 forEach(value, index) : return X filter(value, index) : return O (배열 아웃풋) value : 값 index : 순서 작동 방식은 똑.같.다 const arr01 = ["홍길동", "홍길순", "옹길순"]; const result = arr01.filter(function(val) { if (val.includes("홍길")) { return true; } else { return false; } }) const arr01 = ["홍길동", "홍길순", "옹길순"]; const result = arr01.filter((val) => val.includes("홍..

2023.10.24 화 팀 과제가 시작되었다. 오전 발제를 통해서 무엇을 만들어야할 지 듣게 되었다. 이번 프로젝트는 개인 과제의 연장선 느낌이다. 만들었던 '영화 검색 사이트'를 활용해서 추가 기능을 만드는 것이다. 영화 카드를 선택하면 해당 영화의 상세페이지로 이동하고, 리뷰를 작성할 수 있는 기능을 구현해야 한다. Today 팀 과제 브리핑 보충반 OT 팀 노션 작성 및 팀장 직책 개인과제 해설영상 및 리팩토링 git 특강 팀 과제 브리핑 발제를 마치고 과제를 시작하기 앞서 브리핑을 진행했다. 전체적인 팀의 목표를 세우고, 일정을 확인하기 위해서 진행되었다. 팀장으로서 프로젝트의 전체적인 흐름을 파악하기 위해서 해당 브리핑은 매우 중요하다고 생각했다. 목표 팀과제 요구하는 필수 기능을 우선적으로 구..

2023.10.23 월 오늘부터는 TIL의 구성을 바꿔보았다. 기존에는 시간순으로 진행했지만, 이제는 핵심 내용을 중심으로 정리해보려고 한다. 조금 더 눈에 잘 들어오고, 정리도 잘 되는 방법이라고 생각한다. Today 개인 과제 최종 수정 및 제출 팀원 최종 코드 리뷰 개인 과제 해설 영상 개인 과제 최종 수정 및 제출 주말 동안 계속해서 코드를 손봤지만, 아직 구현하진 못한 추가 기능들이 너무 많았다. 그리고 그려놓은 와이어프레임에 할당될 요소들도 아직 많이 남아있었다. =====수정 필요===== 추가 구현한 기능 언어변경 구현 실패 CSS] 보이는 순서 설정 : 포지션을 먹이도 z축 변경 가능. position: absolute; z-index (top: 250px;) 위에서부터 위치 고장 ele..

2023.10.20 금 영화 검색 사이트를 만들고 있다. 이름하여 Rotten Orange 핵심 기능인 API, Search 기능은 구현을 해냈다. 어제 하다가 못한 디버깅도 끝냈다! 영화 검색 후 무비카드 클릭 이벤트가 활성화 안 되는 버그. 해결은 간단했다. 해당 함수를 새로 검색한 카드 정보가 불러와지는 로직 안에 추가해 주는 것이다. 이후에 더 추가할 기능들이 머릿속에서 맴돌지만, 일단 CSS를 먼저 만져야 한다. 팀원들의 진행 상황과 일정을 공유했다. 나는 기능을 먼저 만들었지만, CSS를 먼저 만든 팀원도 있었고, 아직 코드에 대한 이해를 하기 위해서 공부 중인 팀원도 있었다. 따라서 서로 필요한 부분에 대해서 마무리 회의 시간에 코드리뷰를 하기로 했다. 본격적인 CSS 시간이다. 들어가기에 ..

2023.10.19 목 하루의 큰 틀이 되는 계획을 수립했다. 어제 작성한 팀 노션에 기재하여 오전 회의 시간 때 일정을 공유하도록 한다. 이전에는 메모장에만 작성을 했었는데, 노션에 깔끔하게 정리를 하니까 더 편하고 눈에 잘 들어온다. 전체적인 하루를 그려보며 효율적인 공부방법을 찾고, 불필요한 곳에 쓰이는 시간을 줄여서 개발 능력을 기를데 더 투자할 수 있다. 팀원들과 일정을 공유하고 코드 리뷰를 진행했다. 모두 개인 과제에 대한 어려움이 있는 것 같다. API KEY를 넣어야 하나? TMDB API를 활용해서 영화 검색 사이트를 제작하는데, 도무지 API가 작동을 안한다... 어제 늦은 밤까지 찾아가며 구현을 해보려고 했지만 끝내지 못했다. 팀원들은 어떻게 해결을 했는지 궁금해서 코드 리뷰를 진행했..

2023.10.17 화 적절한 상황에 안 맞는 알고리즘에 따라 코드 효율성이 달라진다. 그렇기 때문에 알고리즘 지식을 알고 있어야 한다. 기본 자료구조, 시간복잡도 및 Big O(빅오) 표기법, 기본 정렬 알고리즘에 대해서 배웠다. 생각보다 더 어려웠다. 자료구조 배열은 프로그래밍을 할 때 가장 자연스럽게 많이 쓰는 자료구조 연관된 데이터를 하나의 변수에 그룹핑해서 관리하는 게 핵심! 실제로 배열을 생성하면 메모리에 연속적인 위치에 존재를 하여 하나의 변수에 여러 정보를 담을 수 있고, 반복문과 결합하면 많은 정보도 효율적으로 처리할 수 있다. 값을 빠르게 갖고 오는 것이 장점이다. 데이터를 빈번하게 접근해야 될 때 사용! 배열에서 할 수 있는 대표적인 기능 조회 삽입 & 삭제 정렬 검색 Big O no..

2023.10.16 월 09:00~11:00 알고리즘 특강 1 알고리즘 어떤 문제의 해결을 위하여, 입력된 자료를 토대로 하여 원하는 출력을 유도하여 내는 규칙의 집합. 여러 단계의 유한 집합으로 구성되는데, 각 단계는 하나 또는 그 이상의 연산을 필요로 한다. [표준국어대사전] 생소하지만 많이 들어본 알고리즘 (아마 유튜브 알고리즘...😅) 개발자에게 필수적이 요소라고 한다. 어려워 보이지만 기초부터 차근차근 정복해 보자 우유, 아보카도 잘못된 알고리즘 예시 마트 가서 우유사고 만약에 아보카도 있으면 6개 사 오라고 했더니, 아보카도가 있어서 우유를 6개 사온... 예전에 들어본 적 있었는데 뻘하게 웃기네 해결을 위한 인풋을 할 때 목표하는 바를 정확하게 입력해야 한다. 슈퍼에 가서 우유를 산다. 만약..

2023.10.12 목 09:00 발제 Chapter 2 프로그래밍 기초 주차 목표 JS 문법 강의 회독 일단 완벽하진 않아도 이해하자 노션보고 챕터 별로 체크해 보기 (→TIL) 다른 강의를 못 들었어도 이 강의부터! 문법 강의가 어렵기 때문에 문제가 생기면 튜터님 찾아가기 일정 10.17화 : TIL 제출 시작 10.18수~23월 : 개인 과제 10.24화~30월 : 팀 과제 10:00 조 재편성 프로젝트가 끝나면 조 재편성이 된다. 이번엔 B반 8조로 배치 되었다. 최대한 다양한 사람들과 협업해 보며 협업 스타일을 경험하는 것이 목적인 것 같다. 팀원끼리 모여서 간단한 스몰토크를 진행했다. 10:30 JS 문법 강의 이제 본격적으로 Javascript 공부에 돌입한다. 그동안 필요한 부분만 배웠었는..