본문 바로가기

전체 글

 (79)
시맨틱웹에 대한 너무 좋은 글 https://ideveloper2.tistory.com/164 Web - 시맨틱 웹 낱낱이 파헤치기 + React.Fragment에 쓰인 시맨틱 개념 Web :시맨틱 웹 낱낱이 파헤치기 + React.Fragment 에 쓰인 시맨틱 개념 | 시작하기에 앞서 팀 버너스리, 차세대 웹 - TED 강연 (웹에서의 데이터) https://www.ted.com/talks/tim_berners_lee_on_the_next_web?.. ideveloper2.tistory.com 좋은 글이라 두고두고 보려고함
Science VS Engineering 문제점-기술, 문제점-기술, 문제점-기술의 반복. 이러한 발전과정은 HTTP, Client, Server-DB, Infra 각각에서 일어나고 있다.
Big History HTTP, Client, Server-DB, Mobile, Infra 만들고 싶은게 존재하고, 그것을 만들기 위해서 기존의 기술들을 사용한다. 그러다가 한계에 부딪히고, 또다른 무언가를 구현하기 위해 또다른 기술들을 사용한다. 이렇게 웹 기술은 발전해왔다.
JavaScript의 this https://nykim.work/71 [JS] 자바스크립트에서의 this this는 이것을 뜻합니다! (그러니까 '이게' 뭐죠...... 😵) 자바스크립트 내에서 this는 '누가 나를 불렀느냐'를 뜻한다고 합니다. 즉, 선언이 아닌 호출에 따라 달라진다는 거죠. 그럼 각 상황별로 th nykim.work 너무 좋은 글이라 공부용으로 공유
Virtual DOM, Life Cycle, Hooks 그리고 State Management 리액트를 잘 다루기 위해서는 리액트의 탄생배경, 그리고 그에 따른 설계컨셉과 디자인들 순으로 이해를 해야 한다. 1. Virtual DOM 리액트라는 것은 왜 만들어졌는가? UI적인 이유도 있겠지만, Virtual DOM이 리액트의 탄생배경이라고 생각한다. JavaScript로 프론트를 동적으로 구성하다 보니, 점차 JavaScript가 HTML 요소를 점점 더 많이 건드리기 시작했다. JavaScript는 본래 이름이 LiveScript일 만큼, HTML이라는 문서를 동적으로 만들고 싶어서 탄생한 언어인데, 문제는 이 JavaScript라는 것이 너무나도 많은 HTML 요소를 건드리기 시작하면서 문제가 발생하였다. 그래서 JavaScript가 HTML 요소를 좀 더 적게 건드리게 할 수 없을까라는 고민..
CSS Layout - Float, Flex, Grid CSS는 Cascading에 대한 이해, 그리고 이를 바탕으로 셀렉터를 통해 색과 크기를 지정하고, 나아가 전반적인 레이아웃을 구성하는 것으로 나아간다. Bootstrap과 같은 것들은 이러한 설정을 미리 지정해두어서 단축키처럼 만들어 놓은 것이고. CSS를 통한 레이아웃에는 기본적으로 Float, Flex, Grid 방식이 존재한다. 각각을 어떻게 사용하는지는 이미 잘 나와있다. 그러나 CSS 레이아웃에 Float, Flex, Grid라는 세 종류가 있다는 걸 말해주는 곳이 없어서 이렇게 메모차 남긴다. 각각의 방식에 대해서는 그냥 다른 글들을 참조하면 된다.
HTTP와 HTTPS HTTP 통신을 하다보면 몇 가지 보안상의 이슈가 발생하게 된다. HTTP 자체는 굉장히 단순한 프로토콜이고, 요청과 응답의 BODY가 암호화된 상태에서 통신이 이루어지지 않기 때문이다. 그래서 그에 대한 대안으로 HTTP 요청/응답의 메시지를 암호화해서 보내는 방식이 있다. 이것은 HTTP 자체를 암호화하는 것이 아니라 HTTP 통신은 그대로이나 그 안에 담긴 메시지만 암호화하는 것이다. 그럼에도 불구하고 이 방식은 범용성이 낮다는 점에서 한계가 존재한다. 메시지 자체를 암호화하는 것이기 때문에 클라이언트의 브라우저가 이 메시지를 해독하지 못할 확률이 존재하기 때문이다. 그래서 HTTP 메시지 자체를 암호화하는 것이 아니라 HTTP를 암호화하는 방식이 대안으로 제시되었다. HTTPS는 HTTP를 SSL..
마이크로서비스 아키텍처 마이크로서비스란? 마이크로서비스란 애플리케이션을 구축하기 위한 아키텍처 기반의 접근 방식으로 애플리케이션의 각 요소가 독립적으로 작동합니다. www.redhat.com 일반적으로 아키텍처를 구성한다함은 모놀리식과 마이크로서비스 두 가지가 존재한다. 각각에 대한 설명은 이미 잘 나와 있어서 잘 정리된 글을 첨부한다.

티스토리툴바