권규형 的貼文

登入後可搜尋

首頁

最新消息

人脈拓展

活動·研討會

招募

探索新機會

教育

訓練營 · 職務能力強化

訊息

為我推薦的消息

主題

集中查看企業．學校．人脈

收合

個人資料與條款

企業服務

客服中心

自訂 Cookie

禁止且拒絕未經各資訊當事人同意，擅自蒐集本服務提供的使用者個人資訊資料等資料之行為。即使是公開資料，若未經許可使用爬蟲等技術裝置進行蒐集，依個人資訊保護法可能會受到刑事處分，特此告知。

統一編號 206-87-09615

권규형 的貼文

全部

提及的貼文

권규형

3년 전

2021년 회고 및 블로그 작성
https://velog.io/@granen32/퍼블리셔2021년을-마무리하며-이직

권규형

4년 전

한달만에 쓰는 블로그 글이다.
사실 여러개 썼지만 로켓펀치를 잠시 까먹고 있었다.
규멘나사이
오늘은 자바스크립트 객체에 대해 알아보자!!
https://velog.io/@granen32/%EA%B0%9D%EC%B2%B4%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%BC%EA%B9%8C

권규형

4년 전

원래 야밤에 글 쓰는게 정신건강상 좋다.
오늘은 웹 브라우저 렌더링에 대해 알아보자!
앞선 시리즈에서 웹 브라우저의 역할과 구성 요소에 대해 알아보았다!

그래도 모르실 분이 있으니 브라우저는 간단하게 인터넷에서 특정 정보를 알 수 있고 주소 입력창이 있으며 HTTP와 HTTPS를 이용하여 정보 탐색 및 검색이 가능하게 도와주는 도구 라고 생각하자...

Constructing the Object Model

Learn how the browser constructs the DOM and CSSOM trees.

권규형

4년 전

[IT 생활 하다 보면 알게 되는 지식]웹 브라우저의 역할과 구성 요소브라우저를 알아보자
브라우저 란 기본적으로 월드 와이드 웹 흔히 인터넷 주소창에 (www) 달리는 월드 와이드 웹에서 정보를 검색 및 탐색하기 위한 소프트웨어이다.(여기서 소프트웨어는 알아서 찾아보도록 하자 말이 너무 길어진다.)

대표적으로는 웹 퍼블리셔들에게 익숙한 익스플로러, 크롬, 파이어폭스, 사파리, 오페라 등이 있다. 인터넷에서 특정 정보를 알 수 있고 주소 입력창이 있으며 HTTP와 HTTPS를 이용하여 정보 탐색 및 검색이 가능하게 도와준다.
브라우저에 역할은?브라우저의 주요 역할은 무엇일까?우리가 인터넷을 사용할 때 주로 무엇을 하는 지를 생각하면 쉽게 알 수 있다.바로 검색이다. 검색은 언제 어디서나 할 수 있는 데 이러한 환경을 만들어 주는게 브라우저의 역할이다.(회사에서 웹툰과 쇼핑은 꿀맛이다) 사용자가 선택한 검색 목록을 웹리소스 서버에 요청하고, 브라우저 윈도우에 디스플레이 하는 것을 표현하는 역할이다.뭐 외우기 귀찮을 수도 있으니 2가지로 얘기 하자면첫째, 사용자(검색창을 활용하는)가 원하는 정보를 서버에게 요청둘째, 서버에서 받아라 사용자의 정보!!! 를 인터넷 창에 출력하는 역할브라우저에 구성 요소그러면 사용자가 브라우저를 사용할 때 무엇을 클릭하고 어떻게 전달이 되는 지를 알아야 한다!!(이게 왜 중요하냐면 나중에 이거 다음으로웹 브라우저 렌더링을 설명해야 하거든요.)1. 사용자 인터페이스 - 주소 표시줄/이전/다음버튼/북마크 메뉴 등등 요청한 페이지를 제외한 보여주는 창을 전부 포괄함2. 브라우저 엔진- 사용자 인터페이스와 렌더링 엔진 사이의 동작으 ㄹ제어3. 렌더링 엔진 - 요청한 콘텐츠를 표시 예를 들어 HTML을 요청하면 HTML과 CSS을 파싱하여 화면에 표시함4. 통신 - HTTP 요청과 같은 네트워크 호출에서 사용됨. 이것은 플랫폼 독립적인 인터페이스이고 각 플랫폼 하부에서 실행됨5. UI 백엔드 - 콤보 박스와 창 같은 기본적인 장치를 그림. 플랫폼에서 명시하지 않은 일반적인 인터페이스로서, OS 사용자 인터페이스 체계를 사용.6. 자바스크립트 해석기 - 자바스크립트 코드를 해석하고 실행.7. 자료 저장소 - 이 부분은 자료를 저장하는 계층이다. 쿠키를 저장하는 것과 같이 모든 종류의 자원을 하드 디스크에 저장할 필요가 있다. HTML5 명세에는 브라우저가 지원하는 '웹 데이터 베이스'가 정의되어 있다.[출처](https://d2.naver.com/helloworld/59361)!간단한 작동원리!사용자가 검색을 하게 되면 이 자그만한 웹 브라우저 안에서 이러한 일들이 벌어진다.이걸 간단하게 얘기를 하자면 사용자가 인터페이스를 활용하여 브라우저 엔진에 검색을 하면 서버 자료 저장소에 접근하여 검색 정보를 가져오고 거기서 거의 동시에 렌더링 엔진을 활용하여 통신 및 자바스크립트를 해석하고 ui, 백엔드 까지 전달하게 되는 일련의 과정들이다.간단하게 브라우저에 작동원리와 역할을 알아보았다....

권규형

4년 전

자그만한 블로그를 운영하고 있습니다.
금일은 scss를 활용한 flex-layout을 손쉽게 잡아보는 법을 기재했어요:)
많은 관심 부탁드립니다.
https://velog.io/@granen32/SCSS-flex-layout-%EC%89%BD%EA%B2%8C-%EC%9E%A1%EA%B8%B0

권규형

4년 전

#scss-mixine-daehae-alaboja-3a4xge
Scss mixins는 스타일 시트에서 보통 **재사용할 걸** 모아놓은 그룹이라 생각하면 된다.
즉 **component** 요소를 사용하기 적합한 방법이다.

흠 개인적으로 이러한 Mixin은 필요한 상황 때 마다 만드는 법인데 인터넷 서치로도 많이 나와 있으니 다들 검색해서 알아보는 게 좋다.(~~인터넷 서칭이 보물창고다.~~)...

권규형

4년 전

오늘 후임을 교육하면서 가르쳤던 내용이다.
흔히 얘기하는 HTTP와 HTTPS의 차이를 얘기 해보려고 한다.
1. HTTP란 약자로 (Hyper Text Transfer Protocol) 이라는 용어인데 보통 서버/ 클라이언트 모델을 따라 데이터를 주고 받기 위한 프로토콜이다.
장점이라 하면 HTTP 는 기존에 보안이 취약 하다는 약점이 있으나 사용하기 편한 방법이다. 불특정 다수를 대상으로 하는 서비스에 적합한 방식이다. 하지만 그 부분을 메꿔버리는 단점이 좀 많다.
서버에 연결하고 요청해서 응답을 받으면 연결을 끊어버리기 때문에 사이트를 사용하는 사용자들이 어떤 상태였나 아니면 이전 정보를 알 수 없다는 점이고 클라이언트의 이전 상태 정보를 알 수 없기에 웹 서비스를 운영하는데 당장에 애를 먹게 된다. 그렇다고 쿠키를 이용해서 사용하자니 보안이 취약하다는 약점이 생긴다.여기서 좀 더 SSL 보안인증서를 통해 데이터 보안을 위해 가발한 통신레이어가 있다. 이걸 보통 HTTPS라 부른다. HTTP 보통 요청 응답을 받으면 끊어버리기 때문에 사이트 이용이 힘드나 HTTPS 같은 경우 에이어위에 SSL보안인증서(흔히 얘기하는 SSL레이어)를 통과 시켜서 암호화를 시킨다.그렇다면~? 다른 점은 뭘까?일단 HTTP는 http:// url 이고 https는 https:// 로 된다. 아 물론 인증서를 통해 접속 사이트 신뢰도 확인 하기에 클라이언트 이용도 편리하다. 다만 http에 비해 매우 느리다는 단점이 있다....

[Web] HTTP와 HTTPS 및 차이점

1. HTTP란? [ HTTP(Hyper Text Transfer Protocol)란? ] HTTP(Hyper Text Transfer Protocol)란 서버/클라이언트 모델을 따라 데이터를 주고 받기 위한 프로토콜이다. 즉, HTTP는 인터넷에서 하이퍼텍스트를 교환...