목록스파르타코딩클럽 내일배움캠프 (116)
Just Do IT!

오늘 일과 간단 요약 React Native 실시간 강의 프로그래머스 Level 0 1문제 React Native 실시간 강의 React Native 과제 (투두리스트 UI만 만들어보기) React Native 시작 길었던 React 주차가 끝이 나고 새로운 챕터가 시작되었다. 시간표 보니까 React Native였는데 그동안 웹 개발을 하다가 왜 앱개발을 중간에 하지? 싶었는데 React랑 비슷하기도 하고 배워두면 좋으니까 배우는 거겠지? 싶어서 그냥 받아들였다 ㅋㅋㅋㅋ 앱개발 쪽은 예전에 학교에서 팀 프로젝트 한번 해본적 있는데...그 때는 안드로이드 스튜디오로 했던 기억이 있다. 근데 거의 코드 복붙...이었고 제대로 된 이해도 없이 그냥 했던 거라서 했다고 하기 좀 민망한...그런 프로젝트다. 그..

오늘 일과 간단 요약 프로젝트 마무리 프로젝트 발표 KPT 회고 프로젝트 마무리 어제까지 CSS 마무리가 다 된 줄 알았는데 생각해보니 이미지 관련 유효성 검사를 추가하지 못했다. 아침에 좀 일찍 일어나서 그 부분 마무리하고 자잘자잘 css 수정할 부분들도 수정하고...이러니까 시간이 금방 지나갔다. 생각보다 CSS를 세심하게 하지 않았다는 생각이 들었다. 아니, 우리 생각대로 되지 않아서 그런가... 여튼 오전에 계속 수정에 수정을 거듭하느라 배포를 하지 못했다. 그러다 11시까지 제출해야 해서 급하게 우선 vercel로 배포를 했는데, 배포 이후에 커밋하고 푸쉬를 하니까 갑자깁 ㅐ포한 페이지가 제대로 열리지 않는 오류가 발생했다. 그래서 급하게 오류에 관련해서 찾아보고 다시 다른 방식으로 배포를 생각..

오늘 일과 간단 요약 프로젝트 마무리 CSS 마무리하기 어제 메인 페이지에서 boardlist css를 완성했는데 중간에 검색창이 있는 걸 까먹고 있었다 ㅋㅋㅋㅋ 오전에 국취제 상담 갔다가 카페에서 하느라 너무 시끄러워서 마이크를 잘 키지 못했지만... 열심히 검색창을 만들었다. 참고한 코드들은 아래 링크에. https://codepen.io/mihaeltomic/pen/vmwMdm CSS effect for search input Just a simple and a bit fancy CSS effect for input field... codepen.io 여기 검색창을 가져와서 사용했다. 뭔가 예쁘게 하고 싶어서 이런저런 검색바들을 찾아보다가 요게 가장 예뻐보여서 그냥 이걸로...! 적용된 걸 보니까 ..

오늘 일과 간단 요약 프로젝트 .... Github Pull Request 하기 주말 내내...는 아니고 금요일과 토요일 그리고 일요일 오전까지 열심히 기능 구현 완료한 것들을 이체 합칠 차례였다. 우리는 크게 두 가지 기능으로 나누고 시작했었는데, Board (게시판) Comment (댓글) 이렇게 나누고 아래에 기능에 따라 세부적인 브랜치를 만들어서 거기서 작업을 했었다. 처음에는 제대로 된 git flow를 이해하지 못해서 브랜치를 잘못 나눠서 update를 제외하고 만들었던 기능을 그냥 board에 합치고 board-update 브랜치에 나머지 추가 기능을 합쳤다. 브랜치는 이런 식으로 구성되어 있다 feature/board-update (board 기능 최종 버전) feature/board-im..

리액트 공부, 그리고 프로젝트 시작 이번 주는 다른 개인 일정도 있고 프로젝트도 시작해서 정말 정신없고 빠르게 지나간 기분이다. 리액트 심화 과정을 단 3일만에(!) 지나가고 목요일부터는 프로젝트가 시작했으니까... 벌써 8주차인게 놀랍고 이와중에 일주일이 이렇게 빨리 지나간 것도 놀랍다! 리액트 심화 강의 월요일 아침에 리액트 심화 주차라고 발제를 듣고 스파르타에서 제공된 강의를 들었다. 지난 주에 숙련 과제를 진행하고 궁금했던 기능도 구현해보고 튜터님께 질문하러 가고.... 심화 강의 듣기 전에 하고 싶던 질문이랑 기능을 모두 끝내고 들었는데 세상에. 생각보다 강의 내용이 너무 어려운 것이다...! 강의 내용도 너무 어려웠고 더군다나 강의 길이도 짧아서 그 강의만 듣기에는 너무 힘들었다. 월요일부터 ..
오늘 일과 요약 프로젝트 프로젝트 .... 프로젝트... 9시 회의 어제 정했던 그라운드 룰 중 하나가 바로 9시에 오늘 어떤 걸 할지 회의하는 거였다. 그래서 오늘 9시 되자마자 바로 오늘 할 일에 대해 이야기를 나눴고 각자 공부를 우선 하고 기능 구현하기로 했다. 나는 그냥 미리 게시글 input창을 만들어보면서 연습해보려고 했다. 그래서 css는 아예 신경쓰지 않고 기능만 되게끔 만들었다. 중간에 10시에 CS 특강이 있었어서 다 만들지는 못하고 중간에 특강 듣고 다시 돌아와서 만들었다. 기능만 구현하는데도 익숙하지 않은 흐름이 많아서인지 파일을 만들었다 고치고 오류를 다시 해결하고...생각보다 시간이 좀 걸렸다. 오전 시간을 전부 쓴 것 같다. 오류 해결하기 우리 프로젝트의 구조를 보면, 메인 페..

오늘 일과 간단 요약 프로젝트 발제 와이어 프레임 제작 TIL 특강 S.A. 작성 후 회의 (S.A. 바로가기) React 프로젝트 시작 드디어 길었던(?) 개인 공부 시간이 지나고 프로젝트가 시작되었다. 지난 프로젝트를 굉장히 재밌게 했던 기억이 있어서 이번에도 재미있게 하고 싶은데... 생각해보니 저번에는 그래도 익숙했던 vanila JS를 사용했었고 이번에는 처음 배우는 React 프로젝트 라서 마냥 재미만 있지는 않을 것 같다 ㅋㅋㅋㅋ 실제로 오늘 하루종일 와이어프레임 만들고 기능 나누고 등등 회의만 했는데 벌써 하루가 지나버렸으니까. 그래도 뭐...프로젝트는 늘 즐거웠으니까 좀 기대된다(?) 와이어 프레임 프로젝트 발제가 끝나고 S.A. 작성을 위한 회의를 시작했는데 이미 우리 조는 주제에 대한..
오늘 일과 간단 요약 프로그래머스 Level 0 1문제 심화 강의 내용 복습 react 로그인/회원가입 부분 공부 선발대 선발 과제 프로그래머스 1문제 아마 오늘이 알고리즘 문제를 푸는 마지막 날일 것 같다. (당분간) 아무래도 프로젝트를 시작하면 무조건 거기에 집중하게 되기 때문에...오늘이 마지막인 걸로..! 그래도 오늘은 나름 빠른 시간내에 푼 것 같아서 기분이 좋다. 심화 강의 내용 복습 어제에 이어 심화 강의의 내용을 계속 복습했다. 실습을 직접 해보고 실행해보기도 하고, 구글링해서 따로 공식 문서를 보기도 하고... 생각보다 이해하는 게 시간이 오래 걸린다 ㅠㅠㅠ 이게 뭔가 이해를 하는 것 같으면서도 실제로 코드를 구현하는 게 어렵다고 해야 하나... 나만 그런 걸수도 있고 ㅋㅋㅋ 그래서 노션..
오늘 일과 간단 요약 프로그래머스 Level 0 1문제 (풀이 링크) 심화 강의 내용 추가 공부 react 로그인/회원가입 기능 공부 react-query 특강 axios 복습 프로그래머스 1문제 오늘은 풀고 나서 다른 풀이 방법이 생각나는 신기한 문제였다. 문제를 풀면서 뭔가 길게 길게 비효율적으로 푸는 것 간다는 생각은 했지만, 그냥 그대로 쭉 풀어보고 다른 사람들의 풀이를 보고나서야 두 번째 풀이 방법이 생각났다. 정규 표현식...! 저번에 문제 풀 때도 정규 표현식을 어떤 방식으로 써야 할지 몰라서 아예 공부해두고 정리했었는데, 이번에는 풀고 나서 방법이 떠오르긴 했다. 다만 정확히 기억이 나지 않았을 뿐...ㅋㅋㅋㅋ 역시 한번 공부하고 난 뒤에 풀 수 있으리라는 건 너무 오만이긴 했다 ㅋㅋㅋㅋ ..
오늘 일과 간단 요약 심화 chapter 발제 튜터님한테 질문 (및 상담?) 프로그래머스 Level 0 1문제 (풀이 링크) 국취제 상담 create-react-app 특강 스파르타 심화 강의 완강 선발대/후발대 고민 오늘부터 심화 chapter가 시작이라서 튜터님이 발제를 해주셨다. 그리고 그와 더불어서 이제부터 선발대/후발대를 나눈다고 하셨는데 그 때부터 내 고민은 시작되었다... 내 실력을 객관적으로 모르겠다는 생각도 들고... 어딜 가야 하나 알 수 없어서 오늘 내로 선택해야 했는데 오전부터 굉장한 고민을 했었다. 그래서 발제 끝나고 바로 튜터님한테 질문할 거리를 들고 갔다. 어제 공부하면서 새롭게 적용해본 react-toastify라는 라이브러리인데, 왜 굳이 최상위 컴포넌트에 써야 하나 라는 ..