티스토리

캐빈 방정식

검색하기

블로그 홈

캐빈 방정식

woorii-kye.tistory.com/m

프론트엔드 개발자 김영은

구독자: 2

방명록 방문하기

주요 글 목록

[ 헤드퍼스트 디자인패턴 ] implements 와 extends 최근에 읽고 있는 책인데, 책은 Java를 베이스로 디자인패턴과 세부사항을 설명하지만, 나는 이를 타입스크립트로 작성하는 연습(?)이랄까, 타입스크립트 공부를 하고 있다. ( + 디자인패턴도 ㅎㅎ) 자 그래서 어떤 상황이냐, Beverage라는 추상 클래스가 존재합니다. 판매되는 모든 음료는 이 클래스의 서브클래스가 됩니다.해당 클래스(Beverage)는 - description 이라는 인스턴스 변수를 가지고 있는데, 이는 각 서브클래스에서 설정됩니다. - getDescription 이라는 메서드를 가지고 있는데, description 변수에 저장된 내용을 가져오는 getter 입니다. Claude에게 코드로 작성해달라고 했다. 1. Java// 추상 클래스 Beveragepublic abstract.. 공감수 1 댓글수 1 2025. 1. 3.
커스텀 엘리먼트 스타일링하기 (feat. Shadow DOM) 바닐라 자바스크립트(& 타입스크립트)로 개인 사이드 프로젝트를 진행 중인데,컴포넌트화를 위해 아래 코드와 같이 커스텀 엘리먼트를 생성했다. ⬇️ 커스텀 엘리먼트 import BaseComponent from "../../commons/BaseComponent";import deviceCheck from "../../utils/deviceCheck";import './styles.scss'class ProfileCard extends HTMLElement { #shadow constructor() { super() this.#shadow = this.attachShadow({mode: 'open'}); .. 공감수 0 댓글수 0 2024. 12. 30.
프로젝트 절대 경로 설정하기 (feat. tsconfig.json) 프로젝트 작업을 할 때,디렉토리 구조를 변경하면 상대경로를 다시 계산해서 작성하는 것이 귀찮아서,그리고 가독성도 별로라고 생각해서세팅 단계 때, 절대 경로를 설정하는 편이다.(Next.js 같은 경우는 처음부터 npx create-next-app@latest을 실행하면 선택할 수 있게 해뒀다.)(난 아무래도 초기 세팅은 Next.js가 제일 편한 것 같다) 바로 설정하는 방법으로 넘어가자.JavaScript를 사용한다면 jsconfig.json로, TypeScript를 사용한다면 tsconfig.json로 들어가서 옵션 몇 개를 수정하려고 한다. 1. rootDir 관련 공식문서 링크모든 비선언 입력 파일(non-declaration input files)의 가장 긴 공통 경로.declaration in.. 공감수 0 댓글수 0 2024. 12. 16.
[ 프레임워크 없는 프론트엔드 개발 ] 선언형？명령형？ 1장 프레임워크에 대한 이야기1장을 읽다 보면, 리액트에 관한 이야기를 할 때 선언적 패러다임, 선언적 패턴, 명령형 패턴 단어들이 보인다. 선언적 패턴이 무엇이고, 명령형 패턴은 무엇이며, 이 둘의 차이는 뭘까? 선언형？명령형 ？ 리액트 공식 홈페이지에 처음 들어가면 다음과 같은 화면이 나타난다. 선언형 프로그래밍(Declarative Programming) 이란？ 원하는 결과를 묘사하는 방식으로 코드를 작성하는 프로그래밍 패러다임 원하는 결과를 선언하고구체적인 실행 과정은 추상화해서"무엇을" 할지에 초점을 맞춘다.- What To Do 명령형 프로그래밍(Imperative Programming) 이란?코드가 어떻게 동작해야 하는지를 작성하는 프로그래밍 패러다임 단계별로 정확히 무엇을 .. 공감수 1 댓글수 1 2024. 12. 13.
[ 프레임워크 없는 프론트엔드 개발 ] 라이브러리와 프레임워크 1장. 프레임워크에 대한 이야기 라이브러리와 프레임워크"라이브러리"와 "프레임워크"의 차이에 대해서 책에서는 다음과 같이 설명을 하고 있다. 프레임워크는 코드를 호출한다. 코드는 라이브러리를 호출한다. 정확히 무슨 말일까？그림이 잘 그려지지가 않는다. 예시를 좀 더 찾아보자. 예시1)라이브러리 - Lodash// 라이브러리를 내가 원할 때 호출const numbers = [1,2,3,4,5];const result = _.sum(numbers); // Lodash 라이브러리의 sum 함수를 작성자가 호출한다프레임워크 - Reactfunction MyComponent(){ return ( Hello, World! )}사실 리액트가 라이브러리인지 프레임워크인지에 대한 부분은 의견이 분분하다.그래서 .. 공감수 2 댓글수 2 2024. 12. 13.
[ React ] useEffect (feat. 무한 렌더링) useEffect는 꽤 다루기 까다롭습니다. 용도 자체가 부수작용을 일으키는 동작을 하여 예상 못한 부분에서 엉뚱한 동작을 일으키기도 하는데, 콜백 함수가 실행되는 건 의존하는 다른 대상의 상태를 따르기 때문이죠. 그래서 리액트로 개발하다보면 심심치 않게 무한 리렌더링 상황에 부딪히곤 합니다.useEffect 동작 순서컴포넌트 렌더링화면에 반영 ( Paint )useEffect 함수 실행(리렌더링 시) 이전 부수작용 클린업새로운 부수작용 실행useEffect가 주로 사용되는 상황네트워크로 데이터 가져오기 (fetching)DOM 조작구독과 해제타이머 관리 useEffect 사용 코드 예시https://codepen.io/www-r/pen/ByBjoeK 2024-12-05컴포넌트가 렌더링된 후 5초 동안 .. 공감수 2 댓글수 2 2024. 12. 5.
Codepen 에서 React 코드 작성하기 간단한 기능들을 구현하면서 연습(？)을 하려고 하는데,빠른 환경 설정과 즉각적으로 코드의 변화에 따른 UI 상의 변화를 확인할 수 있다는 장점을 떠올리며,Codepen에 오랜만에 들어왔다. 1. 새로운 프로젝트 생성프로필 이미지를 클릭해 새로운 프로젝트( New Pen )를 만들도록 하자. 2. 리액트 환경 설정하기 그 다음 Settings 에 들어가서, JS 세팅 페이지로 이동한다.여기서 두 작업을 진행한 뒤에, Save & Close 버튼을 누르면 끝난다!첫째로, JavaScript Preprocessor 셀렉트에서 Babel을 선택한다.둘째로, Add Packages 에서 react를 검색해서 react와 react-dom을 추가한다. (JS 코드 칸에 import가 새로 추가된다.) 3. 리액트 .. 공감수 0 댓글수 1 2024. 12. 5.
[ HTML ] <dialog> (feat. 모달 구현하기) 공감수 0 댓글수 0 2024. 3. 30.
단어장 inert not moving or not able to move superfluous more than is needed or wanted quirk an usual habit or part of someone's personality, or something that is strange and unexpected You have to get used to other people's quirks and foibles. There is a quirk in the rules that allows you to invest money without paying tax. By some strange quirk/By an odd quirk of fate (= unexpectedly), we ende.. 공감수 0 댓글수 0 2024. 3. 30.
npm vs yarn npm 과 yarn 은 자바스크립트 런타임 환경인 노드의 패키지 관리자입니다. 그리고 CLI를 통해 패키지 설치 및 삭제뿐 아니라 패키지 버전 관리, 의존성 관리도 편리하게 할 수 있습니다. 그렇다면 둘의 차이는 뭘까요？ 1. npm 노드 패키지 매니저(Node Package Manager)의 줄임말로 노드를 설치할 때 자동으로 설치되는 기본 패키지 관리자입니다. node -v npm -v // 버전 확인 => 설치되었는지 확인 가능 npm의 역할 온라인 플랫폼 : 사람들이 노드 패키지를 만들고, 업로드하고, 공유할 수 있는 공간으로 누구나 온라인 플랫폼(npm 레지스트리)에 게시된 패키지를 사용할 수 있습니다. 명령 줄 인터페이스(Command-line interface, CLI) : 온라인 플랫폼과 .. 공감수 0 댓글수 0 2024. 3. 21.
[ Vue ] computed vs watch (feat. method ) Nuxt(Vue)로 만들어진 프로젝트를 React로 마이그레이션을 하게 됐습니다. 러닝커브가 React 보다 낮다고 들었던 Vue, 전 헷갈리는 개념들이 너무 많더라구요. 그 중 하나가 바로 이 둘입니다. computed 와 watch, 둘 다 값이 바뀌면 실행되는 함수들인데, 무슨 차이가 있어서 이렇게 구분되어 있는 것일까요. (공식문서에도 둘을 비교하는 페이지가 있습니다. https://v2.vuejs.org/v2/guide/computed#Computed-vs-Watched-Property ) computed 일단, computed 가 무엇일까요? 빠른 이해를 위해 공식문서의 예제를 가져왔습니다. (저는 (vue v2의 공식문서)[https://v2.vuejs.org/]를 보고 있습니다.) {{ m.. 공감수 0 댓글수 0 2024. 3. 14.
[ Storybook ] 왜 스토리북을 써야 할까？ 새로운 프로젝트를 시작하는데, 스토리북 도입에 대해 고민해봤습니다. 당연히 사용하는 게 안 하는 것보다 좋지만, 시간이라는 자원은 한정적이기에 스토리북을 통해 얻을 이점이 시간을 투자할만큼의 가치가 있는지를 따지게 됐습니다. 고뇌를 하던 중, 피그마를 통해 대략적인 디자인을 확인했을 때, 두둥, 탁! 스토리북을 사용해야 한다. 라고 생각했습니다. 혼자하는 작업에 도입을 하는 거면 이렇게 이야기는 끝났겠지만, 당연히 아니겠죠？ 개발을 할 때 이미 컴포넌트로 나눠서 관리를 하는데, 굳이 스토리북 까지 사용해야할까？ 라고 생각할 수도 있습니다. 왜 스토리북을 쓰는 게 이로울까? . . . 1. 디자이너와 개발자의 소통이 수월해지고, 시간도 절약할 수 있다. 스토리북은 UI 컴포넌트를 독립적인 환경에서 그려볼 .. 공감수 0 댓글수 0 2024. 3. 8.
맥북 세팅하기 - 어플리케이션 매번 초기 세팅할 때마다 인터넷 서칭하는 게 귀찮아서 한 번에 정리해서 올려봅니다. 이러면 다음부터는 그냥 블로그에서 복붙만 하면 되겠죠? ㅎㅎ 상세한 설명은 첨부된 링크를 확인하면 됩니다! 이 게시물은 맥북 프로 M1을 기준으로 합니다. 😃 . . . ✔️ m1용 homebrew 설치하기 https://brew.sh https://whalec.io/mac/homebrew-설치-및-사용-방법/ /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" echo 'eval "$(/opt/homebrew/bin/brew shellenv)"' >> /Users/컴퓨터유저네임/.zprofile 이렇게.. 공감수 1 댓글수 1 2024. 3. 8.
PackagesNotFoundError: The following packages are not available from current channels 파이썬을 로컬에서 구동시켜야 하는데, 버전이 안 맞아서 아나콘다로 새로운 환경을 만들려고 conda create --name py379 python=3.7 이라고 치니까 에러가 났습니다. 현재 channel 에서는 안된다나 뭐라나.. . . . https://velog.io/@hotsun1508/Error-%ED%95%B4%EA%B2%B0-M2%EC%97%90-%EC%95%84%EB%82%98%EC%BD%98%EB%8B%A4-python-3.7-%EA%B0%80%EC%83%81%ED%99%98%EA%B2%BD-%EC%83%9D%EC%84%B1 [Error 해결] M2에 아나콘다 python 3.7 가상환경 생성 이상하게도 python=3.8부터는 잘 생성이 되는데 3.7이 잘 생성이 되지 않아서 해결하고.. 공감수 0 댓글수 0 2024. 3. 7.
zsh: bad CPU type in executable: node 도대체 왜 node v18에서는 버전 확인이 되는데, node v14로 바꿔서 버전 확인을 하면 zsh: bad CPU type in executable: node 이런 에러를 뿜어내는 걸까.. 역시？ 다행히! 구글링을 통해 해결 방법을 찾을 수 있었습니다. 참고한 스택오버플로우 글과 블로그 글인 밑에 첨부해두겠습니다. 터미널에 아래의 명령어를 입력해주면 끝. softwareupdate --install-rosetta 찾아보니 M1 에서만 나는 에러인가봅니다. 좀 더 에러가 나는 원인에 대해 제대로 알려면 nvm github 에 올라와 있는 문서를 읽으면 되는데, 일단 오늘은 해결로 만족을 하고, 더 자세한 이야기는 나중에 ... 업데이트 하겠습니다. 참고한 게시물 https://mine-it-recor.. 공감수 0 댓글수 0 2024. 3. 7.
[ Git ] private repository 클론 시 not found 뜨는 에러 회사 컴퓨터에서는 git clone을 했을 때 아무 문제가 없었는데 집에서 가져온 컴퓨터로 git clone을 하니까 이렇게 에러가 뜬다. 정확한 이유는 모르겠지만, 다른 계정, 다른 프로젝트들을 클론해서 테스트해보니, 왠지 프라이빗처리 되어 있는 프로젝트여서 이런 것 같다라는 결론이 나왔습니다. 회사 컴퓨터에 특별히 어떤 설정을 해둔 적이 없는데,,, 대체 어떤 차이일까 싶다ㅠ https://velog.io/@strombreeding/%EA%B9%83%ED%97%88%EB%B8%8C-Private-repository-clone-%ED%95%98%EB%8A%94%EB%B2%95 공감수 0 댓글수 0 2024. 3. 6.
[ SQLD ] SQL 자격검정 실전문제 - 제1장 데이터 모델링의 이해(1) Q) 데이터 모델링의 특징으로 가장 적절하지 않은 것은？ ➀ 현실 세계를 일정한 형식에 맞추어 표현하는 추상화의 의미를 가질 수 있다. ❷ 시스템 구현만을 위해 진행하는 사전단계의 작업으로서 데이터베이스 구축을 위한 사전작업의 의미가 있다. 모델링은 시스템 구현을 포함한 업무문석 및 업무형상화를 하는 목적도 있다. ➂ 복잡한 현실을 제한된 언어나 표기법으로 이해하기 쉽게 하는 단순화의 의미를 가지고 있다. ➃ 애매모호함을 배제하고 누구나 이해가 가능하도록 정확하게 현상을 기술하는 정확화의 의미를 가진다. Q) 데이터 모델링에 대한 설명으로 가장 적절하지 않은 것은？ ➀ 업무 정보를 구성하는 기초가 되는 정보들을 일정한 표기법으로 표현한다. ➁ 분석된 모델로 데이터베이스를 생성하여 개발 및 데이터관리에 사.. 공감수 2 댓글수 0 2024. 2. 28.
[ Database ] SQL vs NoSQL SQL이란？ 데이터를 쿼리하고 관리하는 데 사용되는 도메인 고유의 언어입니다. 사용자가 관계형 데이터베이스에서 레코드(데이터)를 쿼리, 삽입, 삭제, 업데이트할 수 있도록 작동합니다. SQL을 사용하면 트랜잭션과 같은 저장 함수 또는 뷰와 같은 내장 프로시저를 사용하여 복잡한 로직을 적용할 수 있습니다. 왜 NoSQL 데이터베이스를 사용할까？ NoSQL은 유연성과 확장성이 뛰어나기 때문에 많은 경우 SQL보다 선호됩니다. 주요 이점은 개발자가 기본 관계형 데이터베이스의 오버헤드 없이 데이터를 빠르고 쉽게 저장하고 액세스할 수 있다는 것입니다. 따라서 개발팀은 기본 데이터 스토리지 구현에 대한 걱정 없이 기능 및 코어 비즈니스 로직을 더 빠르게 제공하는 데 집중할 수 있습니다. 둘 중 더 좋고 나쁜것이 있.. 공감수 2 댓글수 2 2024. 2. 27.
useEffect 와 관련해서 문제가 생겼다 useEffect(() => { console.log('start!!!!!!!!!'); const userInfo = JSON.parse(window.localStorage.getItem('user')); setUser(userInfo); }); // []있으면 메세지가 안 보내진다. 이 코드에서, dependency에 []을 추가하면 메세지 전송이 안된다. 서버에서의 데이터와 클라이언트에서 보내진 데이터가 다르다고 오류가 나는데, 왜 그러는지 모르겠다. 공감수 0 댓글수 0 2024. 2. 1.
Github REST API 사용하기(1) import { octokit } from '@/service'; const GITHUB_OWNER = 'www-r'; export async function getRepoReadMe(owner = GITHUB_OWNER as string | undefined, repo: string) { const response = await octokit.request(`GET /repos/${owner}/${repo}/readme`, { owner: owner, repo: repo, headers: { 'X-GitHub-Api-Version': '2022-11-28', accept: 'application/vnd.github.raw+json', //없으면기본base64로인코딩된다 }, }); // console... 공감수 0 댓글수 0 2024. 1. 31.
Github REST API 사용하기 (feat. Octokit.js)(0) 이전에는 노션의 데이터베이스만 사용했었는데, 리팩토링을 계속 진행하다보니, Supabase를 도입하게 됐습니다. 그래서 Notion의 데이터베이스에서 가져오던 대부분의 데이터를 Supabase의 데이터베이스로 옮기고, 프로젝트 관련 내용들만 노션의 프로젝트 데이터베이스를 사용하고 있었습니다. 지금 당장 만들때는 좀 귀찮아도 나중에 게시물을 업데이트해야할 때 편하려고 Notion API를 도입했던건데, Notion 특성 상, 두 문장을 가져오는 데도 코드가 길어지는 문제점이 있었습니다. 그리고 프로젝트에 대한 상세한 글을 노션에서도 작성해서 관리하고, Github에서도 README.md를 통해 작성해서 관리해야한다는 것을 깨달았습니다. 초기에 이 사이트 구상을 할 때 제일 메인이 Notion이었던 만큼 고.. 공감수 0 댓글수 0 2024. 1. 31.
[ CSS ] :empty 아티클을 읽다가 CSS 선택자 중에 :empty 가 있다는 걸 처음 알았습니다. 저도 항상 첫번째 예시처럼 코드를 작성하곤 했었는데, CSS로 훨씬 더 간단한 코드를 짤 수 있었더라구요. 1. const Card = ({ children, header }) => { return ( {header && {header}} {children} ); }; 2. const Card = ({ children, header }) => { const headerRef = useRef(); useEffect(() => { const hasContent = headerRef.current?.childNodes.length > 0; headerRef.current.style.display = hasContent ? "blo.. 공감수 0 댓글수 0 2024. 1. 29.
OAuth 2.0란？ 이번에 개인 프로젝트에서 도입을 했었는데, 사용하는 김에 제대로 알고 가면 좋겠다는 생각이 들었습니다. . . . OAuth(Open Authorization)란？ 이렇게 생긴 버튼 자주 보셨을거라고 생각합니다. 쉽게 말하면 SNS로그인입니다. 좀 더 구체적으로 말해보면, 인터넷 사용자들이 비밀번호를 제공하지 않고 다른 웹사이트 상의 자신들의 정보에 대해 웹사이트나 애플리케이션의 접근 권한을 부여할 수 있는 공통적인 수단으로서 사용되는, 접근 위임을 위한 개방형 표준이다. 출처 : 위키백과 OAuth는 사용자가 누구인지를 확인하는 인증(Authentication) 프로토콜이 아닌, 사용자의 요청이 권한이 있는지를 확인하는 인가(Authorization) 프로토콜이다. 출처: 위키백과 . . . OAuth.. 공감수 0 댓글수 0 2024. 1. 28.
Authorization 과 Authentication 란？ Auth라는 단어, 흔히 우리가 "인증-인가"라고 말하는 단어인데, 막상 제대로 설명을 하려고 하니까 말문이 막히더라구요. 그래서 이번에 정리를 하고자 합니다. . . . Auth란？ 보통 Auth라고 하면 Authentication(인증)을 말하거나 Authentication + Authorization(인증+인가)을 통칭한다고 합니다. 그렇다면 Authentication은 뭐고 Authorization은 뭘까요？ 일단 단어의 정의에 대해 알아봅시다. (저는 영어 단어의 뜻을 찾아볼 때는 영영사전을 사용합니다. 영영사전에 한국어보다 더 쉽게 풀어서 설명한다고 생각해서 그렇습니다！) authentication은 어떤 것이 진짜 혹은 진실임을(혹은 사람들이 그렇다고 하는) 증명하는 과정입니다. author.. 공감수 0 댓글수 0 2024. 1. 26.
access token 이랑 refresh_token 이 url 에 표시가 된다..！ 분명 전에는 storage 에 저장이 잘 됐었는데.. 내가 뭘 건드렸는지 url에 뜬다 음.. https://supabase.com/docs/reference/javascript/auth-signinwithoauth Sign in a user through OAuth | Supabase Log in an existing user via a third-party provider. This method supports the PKCE flow. supabase.com 여기를 참고해야하는 건 알겠는데.. Supabase client를 생성 후 바로 onAuthStateChange 콜백을 등록해야한다고 하는데. 이렇게 문제가 안 풀릴수록 더 기본적이고 개념적인 부분을 점검해야한다고 생각한다. 그런 의미에서, 콜.. 공감수 0 댓글수 1 2024. 1. 25.
SupaBase 에서 Google OAuth 사용하기 저기 "구글로 로그인하기" 버튼을 누르면 google 계정으로 로그인이 되어야 한다. OAuth 동의 화면과 계정 선택까지 했는데 계속 아무런 토큰 저장없이 메인페이지로 리다이렉트된다. 왜 그럴까 하고 다시 자세히 보는데, 저기 주석에 이유가 그냥 적혀있다. 저 함수에 대해서 다시 한번 공식문서에서 읽어보자 https://supabase.com/docs/reference/javascript/auth-onauthstatechange 다시 읽는 김에, 처음부터 과정을 기록해두기로 했다. supabase 에서 Google OAuth Login ( Sign In ) 시작！ Login with Google 아, 혹시 글보다 영상을 선호하시는 분들은 밑에 영상을 보셔도 될 것 같습니다. https://supabas.. 공감수 2 댓글수 0 2024. 1. 23.
[ CS ] 1월 30일 6주차 문제 1. 트랜잭션이란? 데이터베이스의 상태를 변화시키는 하나의 논리적 기능을 구성하는 일련의 연산들의 집합을 의미한다. (데이터 베이스에서 하나의 논리적 기능을 수행하기 위한 작업의 단위) 2. 트랜잭션의 특징은? Atomicity 원자성 트랜잭션 내의 모든 명령은 반드시 완벽히 수행되어야 한다.(부분적으로 실행되거나 중단되지 않는것을 보장) 어느 하나라도 오류가 발생하면 트랜잭션 전부가 취소된다. 모두 실패해서 Rollback 되거나, 모두 성공해서 Commit 이 된다.(all or nothing) 트랜잭션 전파 Consistency 일관성 : 허용된 방식으로만 데이터를 변경해야 하는 것 트랜잭션의 작업 처리 결과는 항상 일관성을 유지해야 한다. 데이터베이스에서 정한 무결성 제약 조건을 만족해야 한다. .. 공감수 0 댓글수 1 2024. 1. 23.
[ CS ] TCP, UDP 발표 자료 피피티 https://www.canva.com/design/DAF6h9AaRI0/cGMBM6MYsui21GUH-uwJQw/view?utm_content=DAF6h9AaRI0&utm_campaign=designshare&utm_medium=link&utm_source=viewer 스크립트 https://docs.google.com/document/d/1tg-rawXLj4s7g3ZVcDtrLZR7t8Tt2zdYHcChBRy3dJw/edit?usp=sharing 공감수 0 댓글수 0 2024. 1. 23.
[ React ] hover 구현하기 useEffect(() => { formCoverRef?.current?.addEventListener('mouseEnter', () => { setIsHovered(true); }); formCoverRef?.current?.addEventListener('mouseLeave', () => {}); setIsHovered(false); }, []); 위의 함수는 해당 화면에 마우스를 올리면 로그인하기 버튼이 나오게 하기 위해 만든 함수였다. (버튼 디자인이 저건 아니다.) 근데 동작을 하지 않아서 구글링을 해봤다. 처음에 찾은 문제점은 dependency였다. 위의 로직대로라면 컴포넌트가 마운트되고 나서 한번 실행되는데, 그때는 아직 formCoverRef를 컴포넌트에 주기 전이니 당연히 undefin.. 공감수 0 댓글수 0 2024. 1. 22.
[DB] 이상현상 Anomaly 란? 이상현상이란? 데이터베이스에서 데이터의 일관성, 무결성, 또는 정확성과 관련된 문제 또는 오류를 나타내는 용어입니다. 이상 현상은 갱신 이상, 삽입 이상, 삭제 이상으로 구성됩니다. 아래의 사진이 이상현상을 설명하기 위한 테이블입니다. 아래의 테이블은 학번이 기본키입니다. 1. 삽입 이상 Insertion Anomaly 특정 데이터가 존재하지 않아 중요한 데이터를 데이터베이스에 삽입할 수 없는 현상을 말합니다. 위의 테이블의 상황에서, 현재 수학과가 새로 생긴다고 가정해봅시다. 밑의 데이터가 새로 추가하고싶은 데이터입니다. 104 수학과 4000 피타고라스 하지만 수학과에는 학생이 존재하지 않아서 대학교 테이블에 추가할 수가 없습니다. 이러한 현상을 삽입 이상이라고 합니다. 2. 갱신 이상 Modific.. 공감수 0 댓글수 0 2024. 1. 21.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.