본문 바로가기

분류 전체보기166

산책 개발일지 1 : NoSQL 데이터베이스 설계 (Cloud Firestore) 개발 계획을 세운 후, 팀원과 함께 기획서를 보며 필요한 데이터에 대한 논의를 진행했습니다. 우선 저희 팀에는 백엔드 개발자가 없었기 때문에 (이번에도) Cloud Firestore를 사용하게 되었습니다 지금까지 진행했던 대부분의 프로젝트에서 Cloud Firestore를 사용했지만, 제대로 알고 써본 적은 없었던 것 같아서 이번 기회를 통해 NoSQL 데이터베이스 설계에 대해서 알아보고 연습해보는 시간을 가졌습니다. ☁️ Cloud Firestore Google Cloud 인프라를 기반으로 하는 유연하고 확장 가능한 NoSQL 클라우드 데이터베이스를 사용해 클라이언트 측 개발 및 서버 측 개발에 사용되는 데이터를 저장하고 동기화하세요. 구글에서 지원하는 NoSQL 데이터베이스 장기 데이터 저장 및 검색.. 2024. 1. 11.
시맨틱 태그를 쓰면 좋은 점 sematic은 의미의, 의미론적인 이라는 의미를 가지고 있는 단어입니다. 시맨틱 태그(semantic tag)란 단어에서 그 의미를 유추할 수 있듯이, 의미가 담겨있는 태그입니다. 기능은 태그와 동일하며, 정확한 사용법이 있다기보다는, 작성하는 사람의 의도가 중요합니다. 그렇다면 이런 시맨틱 태그를 왜 써야 할까요? 시맨틱 태그의 종류 : 하나의 완성된, 독립적인 내용을 나타내는 영역 : 문서의 주요 내용과 간접적으로만 연관된 부분 (사이드바, 콜아웃 박스) : 토글과 같은 기능으로 정보를 제공하는 disclosure 위젯을 만들 때 사용 : 이미지에 대한 캡션 : 이미지 및 이미지 설명을 담고 있는 영역 : 영역 아래쪽에서 여러 가지 연락처나 관련 정보를 담고 있음 : 영역 위쪽에서 로고나 제목, 메.. 2024. 1. 5.
position의 속성 및 특징 (실제 사이트 예시) CSS 코드를 작성할 때 자주 사용하는 속성들 중 `position`이라는 속성이 있습니다. position은 문서 상에 요소를 배치하는 방법을 설정할 때 사용하며, 매우 다양한 속성값을 가지고 있습니다. static static은 position 속성의 기본 값으로, 요소를 일반적인 문서의 흐름에 따라 배치합니다. 이 때 일반적인 문서의 흐름이란, 우리가 문서를 읽고 작성할 때의 순서인 왼쪽에서 오른쪽, 위에서 아래쪽으로 쌓이는 것을 의미합니다. position이 static인 상태에서는 아무리 offset 값을 줘도 변화가 일어나지 않고, z-index 값 또한 적용되지 않습니다. relative position이 relative인 상태에서는 static과 자기 자신을 기준으로 top, right, .. 2024. 1. 5.
React 프로젝트 웹뷰 android 빌드하기 현재 진행 중인 프로젝트를 모바일 뷰로 개발 중인데, 어느 정도 주요 기능이 모두 완성된 상태에서 이 서비스를 어플로 사용한다면 편리할 것 같다는 생각이 들었습니다. 작년 상반기에 근무했던 팀에서 모바일 앱 내에 웹뷰 형태로 서비스를 제공했었기 때문에, 이번 프로젝트를 Flutter를 사용해서 앱으로 만들어보기로 했습니다. (↓ 아래 사이트는 현재 진행 중인 프로젝트의 웹 사이트입니다) 산-책, 등산/트레킹 정보 큐레이션 플랫폼 지구환경 분야 공간데이터 기반 등산/트레킹 정보를 확인하고 공유해보세요! kground.web.app 1. mac OS Flutter 개발 환경 설정하기 chrome, vscode, xcode 등은 이미 설치되어 있는 경우, 아래 4개를 설치해주면 됩니다. // Flutter b.. 2024. 1. 4.

티스토리툴바