본문 바로가기

혼자 노력하면서 기록하는 것들/FRONT-END

혼자 노력하면서 기록하는 것들/FRONT-END 2021. 3. 12.
웹 스토리지란? 웹 스토리지는 브라우져 안에 있는 스토리지라고 보면 된다. HTML5에서 브라우져의 내부 스토리지를 사용할 수 잇또록 제공해주는 기능으로 웹에있는 스토리지가 아니라 브라우져 로컬에 있는 스토리지라고 알고 있으면 좋다. 방식은 두가지가 있다. LOCAL STORAGE: 로컬에 origin 별로 지속되는 스토리지 Session Storage : 현재 세션동안만 유지되는 스토리지 이 웹 스토리지 기능은 쿠키의 단점을 개선하기 위해 개발됨. - 4KB의 데이터 저장 제한 - 쿠키는 매 HTTP 요청에 포함되어 있어 웹이 느려지게 하는 원인이 될 수 있음 - 같은 쿠키는 도메인 내의 모든 페이지에 같이 전달 됨 - HTTP 요청에 암호화 되지 않고 보내기 때문에 보안에 취약함함 - 쿠키는 사용자의 로컬에 텍스트로..
혼자 노력하면서 기록하는 것들/FRONT-END 2021. 3. 12.
React 끄적끄적 리액트가 흥하는 이유 JS 기반이라서 - 별도의 프레임워크를 배울 필요가 없다. 자바스크립트만 겁나 잘하면 되서 멋진 자바스크립트 개발자가 될 수 있다! 요소별, 컴포넌트별로 나눠서 작업할 수 있기 때문에 구조가 겁나 쿨하다. 데이터가 단방향 모드이다. 데이터는 항상 일정한 장소에 위치해있다. 앵귤러는 view나 model로 변함 but 데이터는 일정한 장소가 있고. 상태가 변하면 데이터는 그대로있고 UI만 바뀜. 단방향 데이터 변함 > UI 변함. 데이터 안변함 > UI도 안변함. UI에서 데이터를 바꿀수 없음. 항상 "데이터 변경 > UI 변경" 거대한 라이브러리, 오픈소스..커뮤니티가 정말 방대하다. 리액트는 프레임워크가 아니라 프론트앤드 라이브러리다. (파이선이랑 쓸수있고, 루비랑 쓸수있고, 장고..
혼자 노력하면서 기록하는 것들/FRONT-END 2021. 1. 20.
04. DNS의 동작 원리와 이름 생코에서 강의 2개듣고 정리한것 .. 1.DNS란? Example.com 이란 주소가 93.184.216.34란 주소를 가르키게 하려면 DNS서버에 자신의 IP는 뭔데, 이 IP는 example.com이란 주소를 갖고싶게 하고 싶습니다 요청하는것. DNS서버는 이 요청을 받고서 기억하고 있다. 우리 컴퓨터가 example.com이란 도메인 네임으로 접속하려고 한다면? 집에있는 랜선을 꼽거나, 와이파이로 접속하는 순간에 마법같은 매커니즘(DHCP)에 의해서 우리 컴퓨터에는 DNS서버의 IP서버가 자동으로 세팅된다. 그니까 사용자가 example.com 치면 -> host파일 -> 파일에 없으면 -> DNS서버에 접속해서 example.com의 IP가 뭔지 물어봄 -> 그럼 DNS서버는 이 IP를 응답해줌 ..
혼자 노력하면서 기록하는 것들/FRONT-END 2021. 1. 19.
03. HTTP란 무엇인가 (쿠키,세션,캐시..) 1.HTTP란!? HTTP는 Hyper Text Transfer Protocol의 약자, '인터넷에서 데이터를 주고받을 수 있는 프로토콜' 웹서버와 클라이언트 간의 통신을 하기 위한 통신규약이다. (프로토콜이란 규칙인데, 이렇게 규칙을 정해두면 모든 프로그램이 이 규칙에 맞춰 개발돼 서로 정보를 교환할 수 있게 된다.) HTTP는 웹에서만 사용하는 프로토콜 이며, TCP/IP 기반으로 서버-클라이언트끼리 Request/Response를 전송한다. 2.HTTP특징 Request-Response형태로 작동함. HTTP는 'Connectless'와 'Stateless'이다. Connectless(비연결성) 클라이언트가 서버에 요청을 보내면 서버는 응답한 후에 접속을 끊는다. (HTTP1.1에서 Connecti..
혼자 노력하면서 기록하는 것들/FRONT-END 2021. 1. 16.
02. 인터넷은 어떻게 작동할까요? 인터넷은 어떻게 작동하는가? 서버개념이 잘 잡혀져 있지 않으면 어버..어버버...할 질문 서버를 그냥 쉽게 한 대의 '컴퓨터'라고 생각하기로 한다. 웹페이지엔 HTML로 된 파일이 올라가있다. 하지만 HTML만으로는 인터넷이 작동하지 않는다. 이 HTML을 저장하는 컴퓨터를 '서버'라는 개념으로 생각하고, 우리가 브라우져를 통해 URL주소를 치면 DNS서버에 접근해서 해당 서버,즉 해당 컴퓨터로 접근하며 해당 URL을 가진 IP에 접속할 수 있다! 일하면서 호스팅 서버에 IIS세팅 후, 프레임워크를 설치하다보니 개념이 정리가 됐다. 모든 컴퓨터가 1:1로 연결된것도 아닌데 어떻게 이게 가능한가, 하면 '라우터'와 '모뎀' 그리고 'ISP'를 들 수 있다. 아래 자료를 보면 우리가 toristella.ti..
혼자 노력하면서 기록하는 것들/FRONT-END 2021. 1. 16.
01. 프론트앤드 개발자 로드맵 참고할 글 : brunch.co.kr/@topasvga/1383 67.Front-end 개발자가 공부해야 하는 것? Front-end 개발자가 공부해야 하는 것? HTML, CSS, JavaScript, JAVA 등 HTML,CSS GIT DNS 전문가 되기 클라우드 리눅스 참고1 신입 프론트엔드 개발자들의 구직을 위한 소소한 팁 | Front-end Engineer brunch.co.kr 몇가지는 굳이 정리하지 않아도 되기에, 차근차근 정리해 나가야지 올 상반기 계획 1.프론트앤드 개발자 로드맵 따라서 이론 정리(TOP-DOWN으로) 2.업무하면서 배우는 지식들 정리 3.알고리즘 문제 주 3회 꾸준히 풀기 4.자발적 프로젝트 상반기에 완성시켜보기

티스토리툴바