일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- react hook
- Java
- 디자인 패턴
- 백준
- 장고
- react
- 자바스크립트
- 리액트 훅
- React JS
- 리액트
- 프로그래머스 자바
- 코틀린
- 프로그래밍 언어론
- 프로그래머스 완전탐색
- 코딩테스트 고득점 Kit 완전탐색
- websocket
- 코딩테스트 고득점 Kit
- 자바
- useState
- 컴퓨터 네트워크
- NextJS
- react firebase
- codesandbox
- 자바 공부
- 프로그래머스
- vanillaJS
- useEffect
- JavaScript
- 데이터모델링과마이닝
- design pattern
- Today
- Total
목록분류 전체보기 (299)
기록하는 개발자
https://mingmeng030.tistory.com/244 [vanillaJs] 프레임워크없이 SinglePageApplication 만들기-1. 라우팅 설정하기 폴더 구조 1. frontend 폴더 내부에 index.html 파일 생성 후 아래와 같이 구성 // index.html SPA with no framework Home Posts Settings - url 이동에 사용하게 될 a 링크들에 대하여 data-li.. mingmeng030.tistory.com ↑위 글과 이어지는 내용이다 파일 구조 1. AbstractView.js 생성 후 아래와 같이 추상화된 view 작성 export default class { constructor() {} setTitle(title) { document..
폴더 구조 1. frontend 폴더 내부에 index.html 파일 생성 후 아래와 같이 구성 // index.html Home Posts Settings - url 이동에 사용하게 될 a 링크들에 대하여 data-link 속성을 지정해준다. +) data-* 속성 참고 글 (https://developer.mozilla.org/ko/docs/Learn/HTML/Howto/Use_data_attributes) 2. node.js project 생성 : Npm init -y 3. express 설치 : Npm i express 4. server.js 파일 root 폴더에 생성 후 아래와 같이 구성 const express = require("express"); const path = require("pa..
CSS(Cascading Style Sheets) css는 문서의 스타일을 구현하는 스타일 시트 언어이다. 프로그램의 크키가 커질수록 css 파일들이 지저분해지고, 유지보수가 힘들어지는 경험을 해본 적이 있다. 불필요한 선택자(Selector)의 과도한 사용과 연산 기능의 한계, 구문(Statement)의 부재 등이 그 이유이다. CSS 전처리기는 그러한 CSS 작업을 보다 쉽게 해주며 가독성과 재사용성을 높여 유지보수가 용이해지도록 도와준다. CSS 전처리기 위에서 설명한 CSS의 부족한 점들을 해결하기 위해 만들어졌다. 종류 : SASS(SCSS), Less, Stylus, PostCss 장점 - 재사용성 : 공통 요소 또는 반복적인 항목을 변수, 함수로 대체 가능하다. - 시간적 비용 감소 : 임의..
드디어 나와의 약속을 시작한 지 1년이 되었다. 습관이라면 습관이고 강박이라면 강박이었지만 역시나 의미있는 도전이었다. 저녁 약속을 잡고 늦게 들어오는 날에는 집에 오자마자 노트북을 켜 백준부터 들어가기도 했다. 실력 향상과는 무관한 '커밋'일 뿐이었지만 이 또한 나의 성실이자 노력이 될 수 있다고 생각했다. 1년 목표를 달성한 이후로도 이어나갔지만 며칠 여름 휴가를 다녀와서 결국 깨졌다. 2ⁿ 일 연속 문제를 풀면 뱃지가 하나씩 주어지는데 새싹 8단계까지 받을 수 있었다👩🏻💻 이제는 프로그래머스 문제 풀기에 집중하려고 한다. 요즘 코딩 테스트에서는 문자열을 이리저리 잘 다루고 처리해야하는 문제가 많다고 느꼈다. 함수 몇 개만 알면 참 쉬운 문제들이 많은데 사용해보지 않으면 어려운 문제라고 느껴지기 쉽..
REST(REpresentational State Transfer) REST는 HTTP기반으로 필요한 자원에 접근하는 방식을 정해놓은 아키텍쳐이다. (여기서 말하는 자원은 저장된 데이터(DBMS), 이미지, 동영상, 문서, 서비스를 모두 포함한다.) [ REST의 속성 ] 1) 서버에 있는 모든 자원마다 클라이언트가 바로 접근 할 수 있는 고유 URI가 존재한다. 2) 모든 요청은 클라이언트가 요청할 때마다 필요한 정보를 주기 때문에 서버에서는 세션 정보를 보관할 필요가 없다. 따라서 서비스의 자유도가 높아지고 유연한 아키텍쳐 적응이 가능하다. 3) 모든 자원은 http 인터페이스인 GET, POST, PUT, DELETE 4개의 메소드(HTTP 메소드)로 접근 되어야 한다. 4) 서비스 내에 하나의 자..
[ OLTP와 OLAP ] · OLTP(On-Line Transaction Processing) - 그때그때 할 수 있는 일상적인 업무 처리 측면 · OLAP(On-Line Analytical Processing) - 실시간 처리로 정확도보다는 대체적이고 빠르게 - 운영자가 추세적으로 알고 싶을 때 사용 - 그룹짓기(Group By), 집계(Aggregate 함수)등이 중심 [ Data Warehouse ] - 장기간에 걸쳐 여러 data source로부터 모은 data와 그 요약 정보 - 추출 → 양식변환 → 적재 → 리프레시 # warehousing issue - 원천들이 이질적이다. 다양한 포맷과 repository의 데이터를 받아야한다. - semantic integration(의미 측면 통합)이..
[ 이상(anomaly) ] · DML 연산 시 이상(anomaly)이 발생할 수 있다. · anomaly는 데이터의 종속성과 중복성에 의해 발생 한다. · 해결 : attribute 간의 종속 관계를 분석하여 여러 개의 relation으로 분해(decomposition) → 정규화 * 단, decomposition이 정규화는 아니다. * decomposition을 통해 문제가 해결되어야 정규화라고 할 수 있다. [ 중복성에 따른 여러 문제 ] · 중복성은 관계 스키마에서 발생하는 여러 문제의 근본적인 원인이다. · 무결성 제약 조건, 특히, 함수 종속성(Functional Dependency)를 분석하면 문제가 있는 스키마을 파악할 수 있다. · 주된 정제 기법 : 분해(decomposition) ex..
1) 논리 설계 개념 ·논리 설계 개념설계의 결과 검증, 승인 → 목표DBMS 결정 → 해당DBMS의 논리적 모델에 맞춰 스키마 변환 · 보통 Relational DBMS 사용 → Relational Data Model로 ER스키마 변환 2) Relational Data Model · 릴레이션 - 행의 수 : 카디널리티(cardinality) → 데이터 개수 - 열의 수 : 차수(degree) → 속성의 개수 - schema : 릴레이션 이름 + 각 필드의 이름과 타입 · 무결성 제약 조건((Integrity Constraints) - DB가 어떤 인스턴스가 되든 꼭 지켜져야 하는 조건 관계 모델의 두 가지 본질적 제약조건 (1) 기본키 제약조건 (2) 외래키 제약조건 3) 논리적 스키마 변환 ·SQL ..