오늘부터 section3을 마무리하게 되었는데, 오늘은 개인 프로젝트의 기획을 해보는 날이었다. 주제는 'To Do List'였고, 어느정도 골자를 제공해주고, 나머지는 나 혼자서 기획부터 해보는 프로젝트라... 많이 걱정이 되지만, 그래도 이번 프로젝트로 많이 성장할
KOGU는 국비 과정을 들으며 만난 동기분들과 만든 코딩 스터디이다 👩💻K-코린이로부터 코딩GU루가 될 때까지 \~\~~ KOGU 짱 ❤️그리고 얼마 전 첫번째 사이드 프로젝트를 함께 하기로 했다 ! 이야기를 하면서 프로젝트 주제를 정할 수도 있었지만, 각자 생각
section4를 공부하면서 틈틈이 투 두 리스트도 손보고 있는 중이다. 만드는 과정에서 본래 생각했던 것과 달라진 점도 있고, 여러가지 에러들을 만나면서 좌절도 했지만, 시간이 좀 걸리더라도 조금씩 해결해나가면서 자신감을 얻을 때도 있었다. 아래 GIF는 현재까지 구
아직 원하는 만큼 프로젝트가 마무리 된 것이 아니지만 (Ex: 기능 약간 수정 필요, 배포 필요) 모두 완료된 후에 하나하나 적기에는 시간이 없을 것 같아서 투두리스트 프로젝트를 하면서 느꼈던 점들과 배운 것들, 어려웠던 점들을 미리 정리해본다. 😉 My Github
프로젝트에 대한 소개 페이지로 파일 양식은 따로 존재하지 않음. 오픈 소스 프로젝트인 경우 대체로 어떻게 해당 오픈소스를 활용할 수 있는지가 작성되어 있다. 프로젝트 이름, 프로젝트 핵심 기능 소개, 팀원 소개 등이 들어가면 좋다.git으로 관리하지 않는 파일을 적어두
클론 코딩 : Stack Over Flow 처음보는 팀원들과의 협업 및 의사소통 프론트엔드 개발자로서 백엔드 개발자들과의 첫 협업 사용자 요구사항 정의서, 화면 정의서, api 명세서, table 명세서, useflow 작성을 완료했다.(문서들은 프로젝트를 진행하는 과
이번 프리 프로젝트에서 Tailwind를 사용해보기로 하고, 현재 컴포넌트 작업을 하면서 사용해보고 있는데 생각보다 효율적으로 사용하지 못하고 있는 것 같아서 공식문서를 참고해 Tailwind에 대해서 정리를 해보려고 한다. (참고로 여기에 사용된 예시들은 대부분 Ta
클론 코딩 : Stack Over Flow처음보는 팀원들과의 협업 및 의사소통프론트엔드 개발자로서 백엔드 개발자들과의 첫 협업저번주 내내 컴포넌트 및 페이지 레이아웃 구현 (기능 없는 UI들)이번주 월요일부터 기능 구현 시작 !현재까지 로그인, 회원가입, 질문 리스트
지금 프리 프로젝트에서는 서버에서 8080포트, 클라이언트에서는 3000번 포트를 사용하고 있다.다른 포트에서 들어가는 요청이기 때문에 CORS 정책 때문에 서버에 요청을 할 수 없어서 프록시를 사용해서 데이터 요청, 응답을 주고 받고 있었다. 프록시는 개발 단계에서
✅ 클론 코딩 : Stack Over Flow✅ 처음보는 팀원들과의 협업 및 의사소통✅ 프론트엔드 개발자로서 백엔드 개발자들과의 첫 협업처음에 작성했던 사용자 요구사항 정의서에서 80퍼센트 정도를 완료했다. 사용자 요구사항 정의서에 적지는 않았지만 comment 작성
정든 프리 프로젝트 팀원들을 보내고.... 새롭게 들어선 메인 프로젝트의 방에는.... 프리와는 다르게 메인 팀을 직접 짤 수 있는 자유도가 생겼는데, 그 자유를 십분 활용해서 만든 메인팀을 소개합니다 \~\~~쓰앵님BE : 이수영 강호수 김다은FE : 신승구 유영민
기획부터 디자인, 개발, 배포까지 ! = 우리 팀만의 어플리케이션 개발우리 '쓰앵님'조가 만들기로 한 어플리케이션 이름은 '과외차이'팀장 직책을 자원해서 맡은 만큼 항상 팀원들보다 '조금 더!' 하기기능 구현 내에서 도전 과제 설정 및 수행단순한 기능 구현을 넘어 클린
기획부터 디자인, 개발, 배포까지 ! = 우리 팀만의 어플리케이션 개발우리 '쓰앵님'조가 만들기로 한 어플리케이션 이름은 '과외차이'팀장 직책을 자원해서 맡은 만큼 항상 팀원들보다 '조금 더!' 하기기능 구현 내에서 도전 과제 설정 및 수행단순한 기능 구현을 넘어 클린
저희가 배포라는 걸 했는데요?분명히 배포 전 테스트를 열심히 했는데...왜 a-z까지 수정사항이 나오는 걸가요? ㅋ.ㅋ.ㅋ.ㅋ.ㅋ.ㅋ?기획부터 디자인, 개발, 배포까지 ! = 우리 팀만의 어플리케이션 개발우리 '쓰앵님'조가 만들기로 한 어플리케이션 이름은 '과외차이'팀
기획부터 디자인, 개발, 배포까지 ! = 우리 팀만의 어플리케이션 개발팀장 직책을 자원해서 맡은 만큼 항상 팀원들보다 '조금 더!' 하기기능 구현 내에서 도전 과제 설정 및 수행단순한 기능 구현을 넘어 클린 코드 작성, 효율적 코드 작성에 신경쓰기as always 소통
웹소켓은 하나의 TCP 접속에 전이중 통신 채널을 제공하는 컴퓨터 통신 프로토콜이다. 여태는 주로 HTTP 프로토콜을 사용했는데, 웹소켓도 하나의 프로토콜로 HTTP와 웹소켓 둘다 OSI 7계층에 위치해 있고 4계층의 TCP에 의존한다. 웹소켓은 HTTP 프로토콜과 호
해결해야 할 문제는 위 gif와 같이 새롭게 메시지를 입력하면 소켓으로 보냈던 이전의 메시지가 남아있지 않고, 새로운 메시지로 대체되는 것이었다. get 요청으로 받아온 데이터(이미 주고 받은 메시지 데이터들)를 messages라는 상태에 담아주고 있었고, 웹소켓을 이
어떻게 저렇게 구현은 했는데요?저는 아직 궁금한 게 많거든요?useLiveChat이라는 Hook을 만들어서 웹소켓을 제어하기로 했다. 지금은 connect 하는 과정 안에 subscribe가 들어가있는데, 메시지 페이지 안에 들어간 뒤에 방을 바꿀 때마다 connect
약간 문제가 있었던 과외 매칭 요청 시 매칭 요청 띄우기까지 완료! (get요청으로 받아오는 함수가 두 개였는데, 새로고침 시 get요청으로 받아온 데이터를 구조분해할당하는 과정에서 작은 실수가 있었다 ^^... )이제는 정말로 실시간 채팅 구현 완료라고 이야기할 수
알림 기능은 웹소켓으로 구현하지는 않았기 때문에 이전에 다른 기능들과 같이 마크업 작업 + 백엔드 팀원이 개발해준 API를 연결하는 방식으로 구현했다. 마크업 작업은 프론트 팀원 A가 Figma에 만들어 주신 것을 토대로 팀원 B가 작업해주셨다. 나는 개인적인 사정으로
백로그를 마무리하고 나서 팀원들과 고민에 빠졌다. 그럼 얼추 하려고 했던 것들을 모두 마무리했으니 여기서 과외차이 프로젝트와 인사를 하는 게 맞나?근데 귓가에 맴도는 멘토님의 목소리...'랜딩 페이지는 안 만드시나요...?'사실 프로젝트 이전까지는 랜딩 페이지라는 게
Intersection Observer API 는 그들이 감시하고자 하는 요소가 다른 요소(viewport)에 들어가거나 나갈때 또는 요청한 부분만큼 두 요소의 교차부분이 변경될 때 마다 실행될 콜백 함수를 등록할 수 있게 합니다. 즉, 사이트는 요소의 교차를 지켜보기
my-dibs는 내가 찜한 쇼핑 목록을 저장하는 어플리케이션입니다! 쇼핑몰들을 구경하다가, 혹은 일상을 살아가면서 "나중에 이거 사야지~" 생각했다가 어떤 제품이었는지 잊어버리는 경우가 있는데 그럴 때를 대비해 사고 싶은 것들을 모아두는 나만의 찜 목록이 있었으면 했다
서버리스라는 건 000이라는 건데, 프로젝트를 혼자 한다고 생각했을 때 가장 마음에 걸렸던 부분이 백엔드가 없다는 것이었기 때문에 내게는 이게 Next.js의 가장 큰 장점이라고 생각되었고, 사용해보고 싶었다. 서버부분까지 구현하게 되면 원래 계획했던 기획에서 추가되어
최근에 React Native를 이용한 어플리케이션 개발 팀 프로젝트를 사이드 프로젝트로 시작하게 되었다. 팀원 전부 웹이 아닌 네이티브 어플리케이션은 처음이라 시작 전에 Oauth, 지도 API 사용과 관련해서 테스트 프로젝트를 만들어보자는 의견에 동의해서 진행 예정
사이드 프로젝트 진행이 느리지만 꾸준하게 진행되고 있는데, 기록을 전혀 하지 못해서 휴일인 김에 게시글로 남겨놓고 가려고 작성한다. React Native는 많은 것들이 컴포넌트로 이미 만들어져 있다. 예를 들어 React를 사용할 때 div 태그로 원한다면 다양한 요
취업하고 나서 시간이 지나가는 동안 사이드 프로젝트로 진행하던 RN프로젝트도 막바지에 이르렀다. 사실 취업하고 나서 많이 늘어지는 바람에 늦어졌다... 🥹1차적으로 빌드를 성공했는데, 아직 주변 사람들한테 테스트를 넘기지는 못했고, 아직 시간이 남은 김에 이전에 만들
코노플리 프로젝트를 1차로 구글 플레이스토어에 업로드했고, 이후로 미뤄뒀던 나머지 작업들(ex: 금영노래 DB 추가 등)을 진행하고 있는 중이다. 현재 탭은 인기차트 / 주변(지도) / 검색 / 플레이리스트 / 설정 이렇게 다섯가지로 구성되어 있는데업데이트 시 '신곡'