본문 바로가기

전체 글72

2023.12.25 어머니 아버지를 모시고 자취방에 짐을 빼고 본가에 짐 정리를 해야해서 시간이 많지 않았다. 내 방을 쓰는 동생의 과외로 약 한시간 반 동안의 시간이 생겼다. 이 시간을 사용해서 Firebase 강의를 수강하려 한다. 강의는 노마드코더 니꼬쌤의 트위터 클론코딩으로 선택했다. 첫째로 무료인 점, 둘째로 최근에 업데이트 된 강의라는 점이 마음에 들었다. 어제는 Introdution에 해당되는 Chapter 1의 내용을 수강했다. 큰 내용은 없었지만 짧게나마라도 요약해서 포스팅해보려 한다. 짧게 포스팅을 하고 Chpater2의 절반 정도를 수강했다. Firebase 사용을 위해 React 프로젝트를 생성하고 라우팅, 스타일 적용을 했다. 멋쟁이사자처럼 팀원분이 react-router-dom 최신 문법을 사용했는.. 2023. 12. 26.
#1. Introduction Firebase를 사용하여 트위터의 클론코딩을 진행해 볼 것이다. Introduction인 만큼 큰 내용은 없어 간단하게 소개하려 한다. Firebase란? 간단히 말해서, 백엔드 서버를 구동할 수 있는 애플리케이션이다. 웹, IOS, 안드로이드, 심지어 Unity 등의 많은 플랫폼을 지원한다. Firebase의 기능 Firebase는 정말 많은 제품이 있다. 이 제품들은 크게 Build, Release&Monitor, Engage의 세 가지로 나뉜다. Build는 데이터베이스(No SQL), 회원 인증과 같은 보안, 배포, 클라우드 스토리지(사진 업로드) 등의 기능을 포함한다. Release&Monitor는 사용자 분석과 테스팅 기능을 포함한다. Engage는 인앱메세지, 푸시알람 등의 기능을 포함한다.. 2023. 12. 25.
2023.12.24 앞으로 남은 2년(복무로 인한 휴학)의 기간동안 어떻게 공부하는 것이 좋을지 생각해봤다. '비즈니스적 문제'를 해결할 수 있는 프로젝트를 진행하려 한다. 비즈니스적 문제 해결: 정의 말이 어렵지 별 것은 아니고, 내 아이디어를 직접 구현해보는 것이다. 문제 제기 단계에서 새로운 아이디어를 떠올리고, 기획 단계에서 사용자 입장의 좋은 서비스에 대해 생각하며 UI/UX를 고려하고, 개발 단계에서 기획 단계의 요구사항(애니메이션, 반응형 디자인 등)을 만족시키기 위한 개발능력을 키운다. 비즈니스적 문제해결: 요구사항 팀원 혼자서 개발하는 것 보다는 소통하면서 협업하는 편이 좋을 것이다. 토론을 통한 사고의 확장 코드리뷰를 통한 개발 능력 향상 팀원을 어떻게 찾을 것인가? 인프런 커뮤니티 등 온라인 구인 본인의.. 2023. 12. 24.
2023.12.23 주말알바 퇴근 후 저녁.. 멋사 운영진 선발전에서 다른 사람들이 작성한 코드를 살펴보았다. 아래는 다른 사람들이 쓴 코드를 읽으며 메모한 내용이다. 페이지의 중심이 되는 MainPage.js에는 Header, Main, Item의 세 컴포넌트만 배치 훨씬 깔끔하고 보기 좋은 코드라고 생각한다. 여러 아이콘을 배치해야 하는 경우 배열에 담아 map 함수 사용 마찬가지로 가독성이 좋다. month의 경우 배열로 이름을 저장 이전 달, 다음 달로 이동할 때의 연산이 용이해진다. aria-label 속성 사용 aria-label은 시각적인 요소들을 대신한다. 모든 태그에서 사용될 수 있다. 예를 들어, 우리는 웹 페이지의 네비게이션 바를 시각적으로 인식하고 사용한다. 하지만 비시각적으로 '이것이 네비게이션 바 .. 2023. 12. 23.

티스토리툴바