분류 전체보기 (121) 썸네일형 리스트형 [React] Virtual Dom 이란? (Diffing, Reconciliation, Batch Update) React를 공부하면서 Virtual Dom이 도대체 무엇일까?? 어떤 역할을 하는건지 궁금해서 정리해보았습니다. DOM (Document Object Model) 웹페이지에 들어가있는 HTML elements 들을 트리 형태의 구조 표현한 것 DOM 조작 개발자들은 dom이 제공하는 api를 통해서 dom 구조에 접근해 원하는 elements의 구조와 스타일을 변경할 수 있음 ex) Javascript 같은 경우는 getElementById(), querySelector() 등과 같은 API를 통해서 dom구조 안에 있는 elements에 접근해서 원하는대로 내용, style, layout 등을 수정할 수 있음 Virtual DOM 가상돔 이란? 실제 DOM과 같은 내용을 담고 있는 복사본 이 복사본은.. [React] 개발 환경 준비, 프로젝트 만들기 (React 가장 기본 단계) React 개발 환경 셋팅 및 프로젝트 만들기 React 개발 환경 셋팅 및 서버 실행 하는 방법에 대해서 알아보려고 한다. 개발 환경 셋팅 개발 환경 셋팅을 위해서 우선 하기에 있는 것들을 설치해준다. Node.js Webpack 과 Babel 같은 도구들이 자바스크립트 런타임인 Node.js 를 기반으로 만들어져있다. 그렇기에 해당 도구들을 사용하기 위해서 Node.js 를 설치한다. Webpack, Babel 은 무슨 용도인가요? 리액트 프로젝트를 만들게 되면서, 컴포넌트 를 여러가지 파일로 분리해서 저장 할 것이고, 또 이 컴포넌트는 일반 자바스크립트가 아닌 JSX 라는 문법으로 작성하게 됩니다. 여러가지의 파일을 한개로 결합하기 위해서 우리는 Webpack 이라는 도구를 사용하고, JSX 를 비.. [Geoserver] Geoserver 개념 및 ShapeFile(.shp) GeoServer 란? 지리공간데이터를 공유하고 편집할 수 이는 Java로 개발된 오픈소스 GIS 소프트웨어 서버로 상호운용성을 전제로 개발되었기 때문에, 개방형 표준을 사용하여 다양한 공간 데이터 소스를 서비스할 수 있다. http://geoserver.org/ OpenLayers 란? 자바스크립트 라이브러리의 일종으로 GeoServer를 통해 생성된 레이어를 스크립트 언어를 이용하여 시각적으로 가공하여 웹 상에 표시할 수 있다. 장점 : 오픈소스이기 때문에 다양한 지도 (Google Maps, OSM, Bing Maps) 서비스들과 호환이 잘 되고 거의 모든 OGC(Open Geospatial Consortium) 표준을 지원하여 사용이 가능하다. OGC(Open Geospatial Consortiu.. [Git] 명령어 정리 최근 GitLab에 대해서 공부하면서 Git 명령어에 대해서 공부해보았다. 명령어를 공부하면 할수록 내용이 많아서 직접 다양한 명령어를 사용해보면서 익숙해져야 할 것 같다. GitLab 명령어 정리 - 작업 디렉토리 변경 내용의 일부만 넘기고 싶을 때 수정한 파일 or 디렉토리 경로를 넘김 $ git add [파일 디렉토리 경로] - 현재 디렉토리 모든 변경 내용을 Staging Area 로 넘기고 싶은 경우 $ git add . - 각 변경 사항을 터미널에서 직접 눈으로 확인하면서 넘기고 싶은 경우 $ git add -p - git 의 현재 상태를 확인 , Staging Area, UnStage Area 에 있는 파일 및 Untracked 상태의 파일 확인이 가능 $ git status - commit.. [IT Study] HTTP와 HTTPS 란? HTTP 1) HTTP(Hypertext Transfer Protocol) HTTP(Hypertext Transfer Protocol)는 서로 다른 시스템들 사이에 통신을 주고 받게 해주는 가장 기본적인 프로토콜이다. 웹 서핑을 할 때 서버에서 자신의 브라우저로 데이터를 전송해주는 용도로 많이 사용되며, 서버 - 클라이언트 모델에 맞춰 데이터를 주고 받기 위한 프로토콜이다. 인터넷 초기에 모든 웹 사이트에서 기본적으로 사용되었던 프로트콜이었다. 80번 포트를 기본적으로 사용하고 있다. 2) HTTP의 구조 HTTP는 애플리케이션 레벨의 프로토콜이기 때문에 TCP/IP 위에서 동작한다. HTTP는 상태를 가지지 않는 Stateless 프로토콜이며 Method, Path, Version, Headers, B.. [Oracle] DELETE, TRUNCATE, DROP 차이점 DELETE, TRUNCATE, DROP의 차이점이 은근 헷갈려서 차이점에 대해서 정리해보려고 한다. DELETE WHERE절을 사용하여 테이블에 있는 데이터를 하나하나 선택하여 제거하는 방식 WHERE절을 사용하지않고 테이블의 모든 데이터를 삭제하더라도, 내부적으로는 한줄 한줄 일일히 제거하는 과정을 거침 처리속도가 늦고, 퍼포먼스에 좋지않은 영향을 줄 수 있음 원하는 데이터만 골라서 삭제할 때에는 DELETE 사용 / 전체 데이터 삭제할 때에는 TRUNCATE 사용 데이터를 삭제하더라도 데이터가 담겨있던 Storage는 Release 되지않는다. DELETE된 데이터는 COMMIT 명령어를 사용하기 전이라면, ROLLBACK 명령어를 통해 되돌릴 수 있다. DELETE FROM Atable; DELE.. [JAVA] 배열의 최대값 최소값 구하기 아주 간단한 문제인데 막상 손으로 풀어보려고 하면 굉장히 헷갈리는 것 같다... For문을 활용한 방법 public class Test { public static void main(String[] args) { int array[] = {1, 2, 3, 4, 5, 6, 7, 8, 9, 10}; int max = array[0]; int min = array[0]; for(int i =0; i [IT Study] 프레임워크(Framework)란? 면접에서 종종 들었던 질문이였던 프레임워크에 대해서 정리해보고자 한다. 프레임워크란? 일정한 형태의 틀, 부품을 가지고 다양한 형태의 결과물을 만드는 것! 개발에 필요한 화면구현, DB연동, 개발환경들의 공통적인 부분을 제공함으로서 개발 시간과 (인력)비용을 절감할 수 있게 해준다. 즉, 프로그램 개발의 다양한 기능들을 통합적으로 제공하는 것으로 한마디로 표현하자면 '특정 프로그램을 개발하기 위한 여러 요소들과 메뉴얼인 룰을 제공하는 프로그램' 이다. 프레임워크 VS 라이브러리 프레임워크(자동차 틀) vs 라이브러리(자동차 부품들) 이 둘의 결정적인 차이는 자유도! 프레임워크를 가지고 프로그램을 만들기 시작하면 어떤 규약을 꼭 지키면서 만들어야한다. 하지만 라이브러리는 도구로 프레임워크가 가지고 있는 규.. 이전 1 2 3 4 ··· 16 다음
