분류 전체보기
-
DOM Node 조작해보기(DOM API)웹 프로그래밍/FE(Front-End) 2021. 6. 19. 23:40
오늘은 DOM API를 이용하여 웹 페이지에서 보여지는 요소를 옮기거나 삭제하거나 복사하는 등 여러 조작을 해보았다. 이전에 배운 querySelector(), querySelectorAll()과 같은 document에서 요소의 이름이나 class, id를 매개변수로 넣어 원하는 요소를 얻는 메소드 이외에 다양한 DOM API를 접해보았다. https://www.w3schools.com/jsref/dom_obj_all.asp HTML DOM Element Objects The HTML DOM Element Object The Element Object In the HTML DOM, the Element object represents an HTML element, like P, DIV, A, TABLE,..
-
데이터 웨어하우스란 무엇인가CS지식/데이터베이스 2021. 6. 19. 23:03
데이터 웨어하우스(Data Warehouse)란 사용자의 비즈니스 분석 활동과 의사 결정 지원을 위한 대규모의 데이터 저장소이다. 데이터 웨어하우스는 여러 곳에 분산되어 운영되는 시스템들로부터 필요한 데이터를 추출한 후 표준화된 형식으로 변환하여 하나의 중앙 집중화된 저장소에 모아놓고 다양한 목적을 가진 여러 사람들이 쉽게 데이터를 쓸 수 있도록 만든 창고라고 생각하면 된다. 이러한 데이터 웨어하우스의 특징은 데이터의 주제 지향성, 통합성, 시계열성, 비휘발성이 있다. 주체 지향성(subject orientation)은 의사결정에 필요한 특징 주제에 따라 데이터를 분류, 저장, 관리한다는 것이다. 우리가 지금까지 알아본 데이터베이스는 어떠한 개체(entity)에 대한 모든 데이터는 의사결정에 필요하지 않..
-
가상 메모리란 무엇인가CS지식/운영체제 2021. 6. 18. 22:10
우리가 사용하는 컴퓨터에 물리 메모리가 존재하는데 모든 컴퓨터의 물리 메모리의 크키는 다를 수 있다. 그러면 2GB의 물리 메모리 공간을 요구하는 프로그램은 1GB 크기의 물리 메모리를 가진 컴퓨터에서는 동작하지 않을까? 만약 운영체제가 물리 메모리의 크기에만 의존한다면 1GB 크기의 물리 메모리를 가진 컴퓨터에서 프로그램이 동작하지 않을 것이다. 이러한 부분을 해결할 수 있는 기술이 가상 메모리이다. 가상 메모리는 크기가 다른 물리 메모리에서 일관되게 프로세스를 실행할 수 있는 기술이다. 즉, 컴퓨터의 물리 메모리의 크기와 상관없이 프로세스에 커다란 메모리 공간을 제공하는 기술로 프로세스는 운영체제가 어는 공간에 위치해있는지, 물리 메모리의 크기는 어떠한지 신경 쓰지 않고 메모리를 사용할 수 있다. 어..
-
[스터디 6주차] java 상속프로그래밍 언어/JAVA 2021. 6. 18. 14:55
더보기 목표: 자바의 상속에 대해 학습 1. 자바 상속의 특징 실생활에서 사용하는 상속이라는 뜻은 자식이 부모에게 재산 및 신분상의 지위를 물려받는 것을 말한다. 자바에서도 비슷한 뜻을 가진다. 자식 클래스가 부모 클래스가 가지고 있는 필드나 메서드를 그대로 물려받을 수 있다. 부모 클래스는 상위 클래스라고 부르기도 하고 자식 클래스는 하위 클래스, 파생 클래스라고 부르기도 한다. 이렇게 상속이라는 기능을 사용하게 되면 코드의 중복을 줄일 수 있다. 이미 구현된 클래스의 기능을 다른 클래스에서 사용하고 싶다면 다시 똑같은 코드를 구현하는 것이 아니라 상속을 통해 코드 구현없이 기능을 사용할 수 잇다. 예제 코드를 보며 알아보자. 코드를 보면 classExample1이라는 클래스를 만들어 field1과 m..
-
HTTP 인증이란 무엇인가CS지식/네트워크 2021. 6. 17. 22:43
인증이란 무엇일까? 웹을 통해서는 정말 다양한 서비스를 받을 수 있다. 우리가 관심을 가지고 있는 분야에 대한 정보나 뉴스, 검색어를 통한 서칭 등 누구나 공용으로 이용할 수 있는 서비스들이 있다. 하지만, 이러한 공용으로 데이터를 사용하여 받는 서비스 이외에 웹에서는 허가된 사용자만 데이터에 접근하여 개인적인 서비스를 받기도 한다. 예를 들어 메일을 주고 받거나 요즘에 자주 사용하는 간편결제시스템을 이용하는 등 이러한 서비스는 개인적인 데이터에 접근하여 받는 서비스이다. 이러한 개인적인 서비스를 받거나 데이터에 접근하기 위해서 서버는 사용자가 누구인지 식별할 수 있어야한다. 하지만 서버가 단순히 접근한 사용자를 식별만해서 private한 데이터를 접근하게 하는 것이 아닌 사용자가 누구인지 증명을 해야하..
-
트랜잭션이란 무엇인가?CS지식/데이터베이스 2021. 6. 16. 22:11
오늘은 트랜잭션에 대해 공부해보았다. 트랜잭션... 처음 단어의 정의를 접했을 때에는 이해가 되지 않았다. 그래서 데이터베이스에서의 트랜잭션의 뜻 말고 원래 트랜잭션이 영어단어로써 어떠한 뜻을 가지고 쓰이는지 찾아보았다. 구글에 트랜잭션, transaction을 검색한 결과, 대부분의 상위 검색결과는 데이터베이스의 트랜잭션에 대한 내용 뿐이였고 구글번역 자체도 그냥 한국어로 트랜잭션이라고만 나왔다. 스크롤링을 하다보니 트랜잭션을 설명하는 영영사전 사이트가 있어 들어가봤다. https://dictionary.cambridge.org/ko/%EC%82%AC%EC%A0%84/%EC%98%81%EC%96%B4/transaction transaction 1. an occasion when someone buys ..
-
[JS] Spread Operator 알아보기웹 프로그래밍/FE(Front-End) 2021. 6. 16. 18:21
오늘은 Front-End파트에서 Java Script의 배열을 배우면서 indexOf, join, concat와 같은 메소드를 배웠다. 그 중, 배열을 합치는 메서드인 concat를 배우면서 Spread OPerator라는 단어를 들었다. Spread Operator단어만 언급하고 넘어가서 무엇을 의미하는지 궁금해 찾아보게 되었고 오늘 정리할 주제로 선정하게 됐다. 우리는 배열을 합치고자 할 때 아래의 코드처럼 concat 메소드를 사용한다. var arr1 = [1,2,3] var arr2 = [] arr2 = arr1.concat(1,2); //결과: arr2 = [1,2,3,1,2] 하지만 Spread Operator를 쓰게 되면 아래의 코드로 구현할 수 있다. var arr1 = [1,2,3] v..
-
PJT 2. TO-DO LIST 구현 하기 (5일차, 완성)기타/프로젝트 2021. 6. 16. 17:34
오늘은 마지막 요구사항인 main 페이지에서 해야할 일 옆에 ->버튼을 클릭하면 TODO에서 DOING으로 넘어가고 DOING에서 누르면 DONE으로 넘어가는 것을 구현하는 것을 완료하여 프로젝트를 완성했다. 솔직히 너무 어려웠다.... 어제 등록 페이지를 완성하고 이것까지 구현하고 프로젝트를 끝낼 생각이였지만 AJAX로 값을 주고 DOM API로 요소를 변경하는게 너무 어려워서 포기할까도 생각했다. 하지만, 자려고 누운순간 계속해서 어떻게 구현할 수 있을까 생각하고 있었고 원래는 아침에 일어나서 코딩테스트 문제를 풀지만 무의식적으로 eclipse를 켜고 코드를 짜고 있었다. 결과적으로 5시간을 투자하여 완성했다. 일단은 첫 번째 어려웠던 HTML innertext에서는 id값과 type값이 보이지 않는..