본문 바로가기

전체 글

 (42)
05 - 17 ui 개발 기본기 준비 (5) * html 문서 내에서 script의 위치를 어디에 구성하는 것이 가장 효과적인가? 또한 그렇다면 그 이유에 대해 설명하라. -> async 또는 defer 속성을 사용하면 공통적으로 HTML 파싱과 동시에 스크립트 로드가 이루어진다. 그 후에, async의 경우에는 HTML 파싱이 끝나지 않더라도 스크립트 로드가 완료되는 즉시 스크립트가 실행된다. defer의 경우에는 HTML 파싱이 모두 끝난 뒤에 스크립트가 실행된다. 근데 일단 이 스크립트 태그가 바디 태그의 최하단에 위치한다면 굳이 이 태그들이 필요없다고 할 수 있다. 하지만 그렇지 않다면 이 async와 defer를 활용해서 볼 수 있는 효과가 있다. ( HTML 파싱이 완료되는 시간을 줄일 수 있는 효과 ) 브라우저의 동작 방식. 1. HT..
05 - 16 ui 개발 기본기 준비 4 * cdn이란 무엇인가? content Delivery Network 의 약자. 전 세계에 전략적으로 분산되어있는 서버 네트워크이다. ( 지리적 ) 일단 이걸 왜 쓰는지가 중요함. 아니 그냥 온라인 상에서 쓰면 되는데 왜 굳이 사람들이 cdn을 사용하는걸까? 서버란 것도 결국 컴퓨터이다. 누군가 해당 A 사이트에 접속한다면, 이 A 사이트를 제공하는 서버 컴퓨터에 방문자의 컴퓨터로부터 요청이 들어올거고 그 요청에 따라 서버가 컨텐츠를 보내주는 방식이다. 그림으로 표현하자면 대충 이렇다. 컴퓨터와 컴퓨터가 서로 ㅇㅋ 해야 컨텐츠가 보여진다는 것이 크다. 그런데, 이 그림에선 사용자가 1명이지만 만약 사용자가 수백명, 수천명이라면? 그리고, 여기에선 둘이 가까운 거리에 있지만. 한국이 아닌 아주 먼~ 아프리..
05 - 16 ui 개발 기본기 준비 3 * 웹 개발에서의 모듈이란? -> 프로그램은 작고 단순한 것에서 크고 복잡한 것으로 진화한다. 그 과정에서 코드의 재활용성을 높이고, 유지보수를 쉽게 할 수 있는 다양한 기법들이 사용된다. ( 아주 좋은 부품을 만들어서 사용한다 생각하면 된다. ) 그 중의 하나가 코드를 여러개의 파일로 분리하는 것이다. 이를 통해서 얻을 수 있는 효과는 아래와 같다. 1. 자주 사용되는 코드를 별도의 파일로 만들어서 필요할 때 마다 재활용할 수 있다. 2. 코드를 개선하면 이를 사용하고 있는 모든 애플리케이션의 동작이 개선된다. 3. 코드 수정 시에 필요한 로직을 빠르게 찾을 수 있다. ( 여기서 로직이란? ) 로직 -> 프로그램을 만들 때의 논리적인 흐름. 프로그래밍 상에서의 로직이 과연 무엇일까? * 로직이 충돌한다..

티스토리툴바