분류 전체보기40 [SQLD] 데이터 모델링의 이해 - 개체, 속성, 관계, 식별자 개체 (Entity) 와 속성 (Attribute) 개체 (Entity) 현실 개체를 저장할 수 있으며 변별이 가능한 사물을 의미함. 인스턴스의 집합. 속성 (Attribute) 엔티티 내에서 인스턴스를 설명하고 공통적으로 가지는 특성을 속성이라고 함. 도메인(데이터 유형, 크기, 제약 사항 지정) 내에서만 값을 가질 수 있음. 인스턴스 (Instance) 실제 데이터 속성의 도메인 (Domain) 엔티티에 구성된 속성들은 그들이 가질 수 있는 특정한 값의 범위 도메인 정의 - 데이터의 유형과 크기, 제약 사항 등에 대해 지정하는 것 무/유형의 엔티티 유형 엔티티 (Tangible Entity) 물리적으로 확인되며 안정적으로 지속 활용이 가능한 엔티티 개념 엔티티 (Conceptual Entity) 물리.. 2023. 11. 7. [SQLD] 데이터 모델링의 이해 - 데이터 모델링 데이터 모델링 이란? 현실 세계의 모든 데이터를 컴퓨터라는 제한된 공간에 다양한 데이터를 효과적으로 저장하는 방법을 설계해 가는 활동/과정을 의미 제한된 공간은 데이터베이스(Database, DB)를 생각하면 된다. Data: 원하는 결과를 얻기 위해 증명, 판단, 결정하는 과정에서 필요한 자료. (현실세계에 존재하는 모든 것) Database: '컴퓨터'라는 가장 막강한 저장 공간을 활용, 제한적인 공간. 무한대로 모든 자료를 담을 수 없음. 데이터 모델링의 3가지 특징 1. 추상화: 개체가 가지고 있는 특성을 파악하여 데이터 모델링의 특정한 약속에 따라 추상화 2. 단순화: 최대한 함축적으로 담아내 단순하게 표현 3. 명확화: DB에 담아낸 내용만으로 개체를 의미하는지 알 수 있도록 명확화 데이터 .. 2023. 11. 4. 백수생활 14일째 2020년 6월 대학교 졸업 후 3개월의 공백 기간 빼고 드디어 3년만에 정확하게는 2년 10개월만에 백수가 되었다. 참 애매하게 2년 10개월이다. 흠 이제는 좀 한 회사에서 오랫동안 다니고 싶다.. 이직 그만..... 사실 지금까지 내 의지대로 한 이직은 첫번째 회사에서 다음 회사로 이동한 것 그 한 번 밖에 없다. 두 번째 회사에서는 회사 내부 이슈로 어쩔 수 없이 소속이 바뀌어야 해서 세번째 회사 소속으로 바뀌었고 이렇게 불안정한 회사와 대우받지 못하는 직무로 스트레스 받기 싫어서(물론 다른 이유도 더 있음) 항해 99 부트캠프를 통해 웹 퍼블리셔에서 프론트엔드 개발자로 성장했고, 그렇게 프론트엔드 개발자로 네번째 회사로 입사했다. 그런데..하.. 이번에는 회사 폐업이다. 노ㅑㅅ 이왕 이렇게 된거.. 2023. 10. 29. 견적서/금액안내서 엑셀 양식 다운로드 프리랜서 일 하다보면 필요한 견적서(금액안내서) 양식 매번 찾아서 다운로드하기 번거로워서 하나 만들어서 공유합니다. 공급가액, 부가세, 계약금까지 모두 포함된 양식입니다. 2023. 10. 27. [Git] 버전관리 Tagging Git에는 레포지토리 히스토리의 특정 포인트를 태그하는 기능을 갖고있다. 보통, 사람들은 이 기능을 release 포인트에 마킹하는 용도로 사용한다. 1. Tag 리스트 보기 git tag 2. Tag 검색하기 -l 은 리스트를 불러온다는 옵션이고, 그 뒤에 검색할 단어를 붙인다. git tag -l 'android*' git tag -l 'ios*' 3. Tag 기록하기 git tag 태그명 git push 태그명 우리 회사는 보통 android와 ios 버전 각각 남기기 때문에 주로 태그명을 android_날짜_버전 혹은 ios_날짜_버전 이런식으로 남긴다. git tag 태그명 만든 후에 git push 태그명을 해줘야 태그 생성 완료! 2023. 8. 17. [React Native] Android에서 이미지 화질 깨짐 React Native로 메인 배너에서 상세 이벤트 배너로 이동 할 때 나오는 상세이미지가 깨지는 현상이 발생했다. React Native 의 컴포넌트는 내부에 com.facebook.fresco 라이브러리 의존성을 갖고 있다. Fresco 라이브러리는 Facebook에서 만든 안드로이드 용 이미지 라이브러리다. 이 라이브러리는 너비와 높이가 안드로이드 기기 해상도 보다 현저히 클 경우 이미지에 대해 자동으로 이미지 크기를 조절(다운샘플링) 한다. https://github.com/facebook/fresco/issues/2397 Low image quality using component on RN > = 0.57 (Fresco >= 1.10.0) · Issue #2397 · facebook/fresc.. 2023. 7. 4. Animating Css Grid I'm pleased to shine a light on the fact that the CSS grid-template-rows and grid-template-columns properties are now animatable in all major web browsers! 나는 CSS grid-template-rows와 grid-template-columns 속성들이 이제 주요 웹 브라우저에서 애니메이션 가능해진 사실을 밝힐 수 있어서 기쁘다. Well, CSS Grid has technically supported animations for a long time, as it's baked right into the CSS Grid Layout Module Level 1 spec. 음, CSS gr.. 2023. 6. 7. [Next.JS] Next JS 설치하기 React로만 개발하다가 새로운 방식을 좀 알아둬야 할 것 같아서 NextJs를 좀 보기로 했다. 우선 React와 Next의 차이점, 장단점에 대해서는 직접 사용해보고 비교해보려고 한다. 우선 프로젝트 생성부터 해보자. 역시 프로젝트 생성에는 공식문서만한게 없지. https://nextjs.org/docs/getting-started/installation Getting Started: Installation | Next.js We recommend creating a new Next.js app using create-next-app, which sets up everything automatically for you. To create a project, run: Next.js now ships w.. 2023. 5. 22. [React Native / React / Javascript] 라디오버튼처럼 만들기 React에서도 를 이용해서 라디오버튼을 만들 수 있다. 그러나 개발 상황에 따라 굳이 저 input radio를 사용하지 않고 내 마음대로 커스텀해서 사용하고 싶을 때가 있을 터. 그 때 사용하면 좋을 javascript를 소개하겠다. 나는 위에 두 이미지처럼 라디오 버튼 동그라미를 디자인을 커스텀 하거나, 버튼 형식처럼 하나씩 클릭되는 식으로 표현하고 싶었다. React 에서 state 로 option 명으로 하나씩 만든다면 만들 수는 있으나 너무나도 귀찮. import React from 'react'; import { View, Text, SafeAreaView, Pressable } from 'react-native'; import { CheckBox } from '@shared/componen.. 2023. 5. 2. [CSS] CSS 초기화 CSS 초기화 (reset)는 기본으로 설정되어야 하는 규칙이며, 서로 다른 특성을 가진 브라우저에서 일관성 있는 사이트를 만들 수 있는 기반을 마련하게 도와준다. 여러 프로젝트에서 지속적으로 사용할 수 있는 자신만의 기본 스타일 세트를 만들어두는 것도 좋은데 귀찮으면 아래 코드를 사용하면 좋다. https://meyerweb.com/eric/tools/css/reset/ CSS Tools: Reset CSS CSS Tools: Reset CSS The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and s.. 2023. 3. 11. [CSS] 1. 베이스 규칙 모든 프로젝트에서 어떤 형태가 되던 분류, 정리하는 것이 중요하다. 새로운 스타일을 생성할 때마다 파일의 맨 뒤에 코드를 붙여버린다면, 필요한 것을 찾기도 어렵고 협업하는데도 혼란을 줄 수 있다. ID 선택자(#), class 선택자(.) 등 사용할 수 있는 몇 가지 선택자 중에서 무엇을 사용할지는 어떻게 결정하는게 좋을까? 원하는 스타일을 적용 할 적절한 요소는 어떻게 선택해야 좋을까? 웹 사이트의 스타일을 이해하기 쉽게 정리하려면 어떻게 하면 좋을까? 이 때 필요한 것은 범주화(categorization)다. CSS 규칙을 범주화함으로써 규칙에서 패턴이 보이기 시작하고, 각 패턴을 더 적절하게 사용할 수 있게 된다. CSS 5개 규칙 베이스 (Base) 레이아웃 (Layout) 모듈 (Module) .. 2023. 3. 10. [React] safari IOS 낮은 버전에서 flex, height 값 안먹힘 리액트로 웹 반응형 개발하다보면, 크롬, 사파리 등 크로스브라우징을 항상 신경써야한다는것은 다들 알고있을 것이다. 그런데, 이 애플이 참 하루가 멀다하고 버전을 업데이트 시키니 IOS 버전 14에서 무시되는것들이 종종 생기는 것 같다. 현재는 버전 16라인이니...참... 이번 이슈는 모바일 채팅화면에서 발생했다. 채팅 하나 자체가 컴포넌트이며, 프로필이미지, 아이디, 내용 전체를 감싸는 container에 display:flex 로 배치한 것이다. 문제가 발생한 IOS 14 버전 핸드폰을 노트북에 연결해서 관리자 도구로 코드 살펴보며 여러가지 원인을 살펴보았다. 1. margin-top/ margin-bottom으로 잡았던 것이 안먹힌 것인가? 간혹, 이미지 아이콘이나 동일한 것을 나란히 붙여놓을 때 .. 2023. 3. 2. 이전 1 2 3 4 다음
