싱이의 devlog

본격적으로 바리바리 팀 개발이 시작되었다! 파트너와 협업 규칙에 대해서 얘기를 하면서, 빠른 작업 속도를 위해 PR 템플릿을 만들어 사용해보기로 하였다. 1. Pull Request Template이란? 깃허브를 통해 개발 프로젝트에 참여를 해보았다면, 커밋한 내역들에 대해 풀 리퀘스트를 날렸던 경험이 있을 것이다. 이때, 풀 리퀘스트를 날리게 된다면 다른 팀원들이 나의 코드를 리뷰할 수 있고, 그 과정에서 보완할 부분이나 코드의 변경 사항에 대해 모두가 알아둘 수 있다. Pull Request 템플릿을 설정해둔다면 풀 리퀘스트를 날릴 때 자동으로 템플릿을 불러와 PR을 날릴 수 있다. 따라서 풀리퀘 형식을 통일하므로서 작업 사항에 관한 이해를 돕고 개발을 빠르게 진행할 수 있다. 2. Pull Requ..

본론으로 들어가기 전 이번 과제 후기 본 내용을 시작해봅시다 후후 이번 과제는 첫 팀 과제였다! 프엔독기걸 민주랑 함께 과제를 하게 되었다 ㅎㅎ 첫 협업이라 맞춰갈 부분이 많았지만 2주 간 서로의 방식에 적응이 된 기분이었다.그리고 무엇보다 민주한테서 많이 배우기도 했다:) 리코일장인 민주초이 5, 6차에 거쳐 한 미션은 넷플릭스 클론 코딩이었다. [ 미션 목표 ] Next.js 사용법을 공부해봅니다. Figma로 주어지는 디자인으로 스타일링 하는 방식에 익숙해집니다. Git을 이용한 협업 방식에 익숙해집니다. [ 필수 요건 ] 결과화면의 상세 페이지와 검색 페이지를 구현합니다. 상세 페이지는 동적 라우팅을 이용해 구현합니다. 검색 페이지는 실시간 키워드 검색으로 구현합니다. Figma의 디자인을 그대로..

4주차 미션은 채팅방만 구현했던 3주차 미션에 이어 전체 메신저 어플을 구현해보는 미션이었다. 중간 고사가 끝나고 평소보다 조금 빠르게 과제를 시작했다..! (결론적으로 아주 좋았던 선택🥂) [미션 목표] React에서 Routing 구현 React에서 상태 관리를 하는 방법에 익숙해지기 SPA 개념 이해하고, 그에 따른 라우팅 구현 UI 컴포넌트 중복 줄여보기 코드 확장/재사용/리팩토링 하는 방법 이해하기 [필수 요건] 친구 목록 페이지, 채팅 목록 페이지, 설정 페이지 세 부분으로 구성하기 채팅 목록 클릭 시 채팅방으로 이동 친구 목록에서 친구 검색 기능 넣기 Custom Hooks 통해 중복 로직 줄이기 [Key Questions] 1. Routing 라우팅이란 사용자가 요청한 URL에 따라 적절한..

23.04.28 국제 여성의 날을 맞아 Women Techmakers Korea에서 주최한 ✨Women Techmakers Korea 2023 : Dare To Be✨행사에 다녀왔다. 원래는 시간이 맞지 않아서 신청을 못했었는데, 사정으로 인해 행사가 미뤄져 시험도 끝났겠다 신청을 할 수가 있었다. '여성 공학자들의 성장'이라는 행사 취지도 너무 뜻 깊었지만 진행된 세션 발표자 분들께서 모두 유의미한 이야기들을 그것도 재밌게(!!) 말씀을 해주셔서 동기 부여를 잔뜩 받고 올 수 있었다. 행사의 여운이 가시기 전에 행사에서 느낀 점들을 정리해보려 한다. 발표 내용들은 언급을 해도 되는지 안되는지 모르기 때문에, 대부분 내 느낀 점으로만 정리해볼 예정! 주절주절 든 생각 모음집이라 두서 없을 수도 있다. 처..

1. 왜 리액트인가? 리액트는 자바스크립트 라이브러리로 사용자 인터페이스를 만드는 데 유용 대부분 프레임워크들은 구조가 MVC, MVW이지만, 리액트는 View만 신경 쓰는 라이브러리 👉 컴포넌트 리액트 프로젝트에서 특정 부분이 어떻게 생길지 정하는 선언체 👉 렌더링 사용자 화면에 뷰를 보여주는 것 # 초기 렌더링 render() 함수 활용 > 컴포넌트를 정의하는 역할 뷰가 어떻게 생겼고, 어떻게 작동하는지에 대한 정보를 지닌 객체를 반환함 render() 함수 실행 시 내부 컴포넌트들도 재귀적으로 렌더링 초기 렌더링 과정 최상위 컴포넌트 렌더링 > 정보들을 사용해 HTML 마크업 생성 > DOM 요소 안에 주입 2. 리액트 특징 👉 DOM(Document Object Model) 객체로 문서 구조를 표..

보호되어 있는 글입니다.

보호되어 있는 글입니다.

1. 알고리즘 설명 투포인터 알고리즘이란? 배열에서 원래 이중 for문으로 O(N^2)에 처리되는 작업을 2개 포인터의 움직임으로 O(N)으로 해결하는 알고리즘 보통 이중 for문을 돈다면 시간복잡도는 O(N^2)가 될 것임. 이 과정에서 i=0일때 계산하면서 얻은 정보는 i=1일때 사용이 되지 않음. 하지만 투 포인터를 활용한다면 i=0일때 계산하면서 얻은 정보를 i=1일 때 활용할 수 있음! 그리고 그 정보는 바로 포인터의 이동으로 나타남. 여기서 포인터라는 건 C에서 흔히 말하는 포인터는 아니고, 커서의 개념과 동일함! 투포인터 문제 ⇋ 이분 탐색 문제 투포인터 문제의 경우 이분 탐색으로 풀 수 있는 경우가 많음. 반대로 이분 탐색 문제 역시 투포인터 문제 유형으로 바꿔 풀 수 있는 경우가 많음. ..

1. 문제 https://www.acmicpc.net/problem/2230 2230번: 수 고르기 N개의 정수로 이루어진 수열 A[1], A[2], …, A[N]이 있다. 이 수열에서 두 수를 골랐을 때(같은 수일 수도 있다), 그 차이가 M 이상이면서 제일 작은 경우를 구하는 프로그램을 작성하시오. 예를 들어 www.acmicpc.net 2. 풀이 처음 풀이는 단순하게 for문 2개를 활용하는 방법이였지만, 역시나 시간복잡도가 너무 커서 틀렸었다. (당시 시간복잡도는 O(N^2)) for (int i = 0; i m && diff < minDif) diff = minDif..

1. 알고리즘 설명 이분탐색이란? 정렬되어 있는 배열에서 특정 데이터를 찾기 위해 모든 데이터를 순차적으로 확인하는 대신 탐색 범위를 절반으로 줄여가면 찾는 탐색 방법 ex) 정수 10개로 이뤄진 정렬된 배열에서 선형 탐색의 경우 탐색 시 앞에서부터 순차적으로 탐색을 하게 됨. 그렇게 한다면 시간복잡도는 O(N). 하지만 이분탐색의 경우 배열을 반절로 나눠가면서 효율적으로 탐색하여 시간복잡도를 O(log N)으로 줄일 수 있음! 2. 구현 및 STL 📌 이분탐색 문제 유형의 경우 간단한 문제들은 STL에 존재하는 함수들을 이용해 구현할 게 별로 없지만, 살짝만 복잡해져도 난이도가 훨씬 올라가게 됨. 따라서 코테 공부 초보 단계일 경우 개념과 STL 사용법을 위주로 공부하고 다른 주요 강의들에 집중하는 것..