메로그

시크릿 모드 크롬 사용 시에 이용했던 브라우저의 기록, 쿠키 등 을 남기고 싶지 않은 경우 사용하는 모드입니다. 시크릿 모드를 사용하면 기록을 남기지 않기 때문에 사생활에 대해 보호도 가능하고 브라우저의 정보를 저장하지 않고 있기 때문에 일반 모드보다 빠른 렌더링 속도를 볼 수 있습니다. 시크릿 모드는 크롬 브라우저에서 아래와 같이 눌러서 사용할 수 있습니다. 시크릿 모드 기본 사용 시크릿 모드만 사용하는데 매번 시크릿 창을 눌러서 이용하기에는 너무 귀찮기 때문에 크롬의 기본을 시크릿 모드로 설정해줍시다. 크롬 속성으로 들어가 대상 맨 뒤에 --incognito 를 입력해주면 됩니다. 해당 설정을 공통으로 해주면 됩니다. 바탕화면 아이콘, 작업표시줄 아이콘 등 설정으로 들어가 아래와 같이 수정해봅시다.

웹 그리드란웹 그리드는 데이터를 받아 화면에 그리드 형태로 화면에 표시해주는 것입니다. 화면에 표시된 리스트를 엑셀처럼 데이터를 머지, 합계, 정렬 등의 작업을 할 수 있도록 해주는 UI 컴포넌트입니다. 또한, 각 OS, 브라우저(크로스 브라우징 지원)에 대응하고 라이브러리나 프레임워크와도 같이 호환하여 사용할 수 있습니다.웹 그리드 지원보통 웹 그리드는 복잡하고 다양한 기능을 가지고 있기 때문에 이에 대해 전문적으로 하는 개발자들이 모여 많은 회의와 설계, 리뷰, QA 작업을 통해 고객의 만족도를 높이고 사이드 이펙트가 발생하지 않도록 지원합니다. 이러한 웹 그리드는 이제 엑셀처럼 전범위 프로젝트 에서 사용하고 있으며, 지원팀들이 대기하여 그리드에 대한 지원을 꾸준하게 합니다.다양한 기능그리드를 사용하..

JDK, JRE JDK 는 Java Development Kit 의 약자로 자바 개발을 하기 위한 툴이고, JRE 는 Java Runtime Environment 로써 자바 실행을 하기 위한 환경을 가지고 있습니다. 설치 오라클 사이트로 접속합니다. (https://www.oracle.com/index.html) 다운로드하기 위해서는 오라클 아이디가 필요하기 때문에 미리 회원가입을 하자. Java SE, Java EE 이런 게 있을 것인데, 우리는 가장 표준형태인 SE 를 다운로드하면 된다. 최신 자바버전이 아닌, 자바 8을 다운로드해보자. => (https://www.oracle.com/java/technologies/downloads/#java8-windows) 보면 아래의 사진에 windows 버전..

크로스 브라우징이란 웹 페이지를 제작할 때, 다른 OS, 브라우저, 기기 등에 관계없이 정상적으로 동작하게끔 페이지를 제작하는 기법을 말합니다. W3C 의 규정에 맞게끔 코딩을 해야 하는데, 이는 MDN(https://developer.mozilla.org/ko/), canisue(https://caniuse.com/) 에서 쉽게 확인할 수 있습니다. 크로스 브라우징을 하는 이유 솔루션 제품을 개발하면서 느꼈던 경험으로, 사용자가 어떤 브라우저를 사용하는지 알 수 없기 때문에, 기본적으로 점유율이 높은 브라우저들은 대부분 지원을 해야 했다. (아마 대부분의 솔루션 제품은 이러한 특성을 지니고 있을 것이다.) 크롬과 엣지에서 다른 화면이 나오거나, 특히 IE 에서 다른 화면이 나오거나 지원하지 않아 오류가..

사이트의 레이아웃을 구성할 때, 사용하는 css 레이아웃 기법으로, 쉽게 수직, 수평 레이아웃 구조를 만들 수 있다. 또한 웹브라우저의 크기에 따라 반응형 레이아웃을 만드는데 효과적으로 사용할 수 있습니다. 최근에는 흔히 사용하는 기법으로, 예를 들어 material-ul의 react의 템플릿을 보면은 이제 flex 기법을 이용한 구조를 쉽게 볼 수 있을 것이다. 구조 flex 의 구조는 flex-container (display: flex 가 설정된 div) 안에 flex-item 들이 들어가는 구조 입니다. 해당 구조가 갖춰져야 안에 items 를 정렬시킬 수 있습니다. flex, inline-flex display: flex, display: inline-flex 를 사용하면, flex contai..

CSR 컴퓨터의 성능이 좋아지면서 SPA 에서 쓰이는 기법으로, 클라이언트 측에서 모든 것을 하는 거를 의미합니다. 필요한 부분만 렌더링하여 사용자가 원하는 UX 를 반영할 수 있습니다. 서버로부터 어떠한 리소스를 받아 해석하고 화면에 렌더링하는 방식입니다. (서버가 하는 일은 json 만 보내는 것입니다.) 예를 들면, 서버에서 가 들어 있는 index.html 을 보내면, 처음에 접속하면 빈 화면만 보입니다. 이제 그 후, 리액트 라던지, js 라던지 이런 어플리케이션을 구동하는 모든 소스를 가져옵니다. 용량이 크면 클수록 처음에 화면에 로딩되는데 시간이 길어지는 단점이 있고, SEO 에서 사용하기 좋지 않습니다. (SEO 가 좋지 않는 이유는 처음에 body 가 비어 있기 때문에 검색 엔진으로 가져..