내맘대로

리얼 서버 구축을 하면서 CDN 서버를 생성하는 작업을 해야한다는 말을 듣게 되었다. 처음 문득 들었던 생각은 CDN 서버란 어떤 것인가? CDN는 Content Delivery Network 의 약자로, 리얼 서버에 업로드된 이미지, 동영상 js 파일을 분산시켜주는 서버를 의미한다. 위의 말을 도식화 하자면 다음과 같은 그림이 될 듯. 위 그림과 같이 CDN 서버는 사용자와 리얼 서버 사이에서 브라우저 렌더링에 필요한 리소스들을 분산시켜 전달하는 역할을 한다. 그렇다면, 왜 CDN 서버를 필요로 하는걸까? 사용자와 리얼 서버의 물리적인 거리가 먼 경우,호출에 대한 응답이 늦어지게 된다. 이를 방지하기 위해서 사용자의 위치와 가까운 곳에 CDN 서버를 놓아 조금 더 빠르게 전달하기 위해 CDN 서버가 필..

https는 통신하는 내용을 암호화하여 안전한 통신 방법이다. https로 설정된 웹페이지에서 http로 api를 호출하는 경우 어떻게 될까? The page at 'https://aaa.abc' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://bbb.qwe. This request has been blocked; the content must be served over HTTPS. 위의 에러는 https 환경에서 http로 api를 호출했을 경우 나타나는 에러문이다.보안 상 안전한 https 환경에서 안전에 취약한 http를 호출했기 때문에브라우저 단에서 에러를 발생시킨다. 사실 아직 https가 http ..

webpack이란 단어는 회사에서 자주 들었다. 그리고 궁금했던게 gulp, grunt랑 무슨 관계가 있는걸까?? 우선 webpack은 웹 프로젝트를 번들링해주는 프레임워크다. 그럼 번들링이란 무엇일까?앞서 설명을 적었던 것 같은 기억을 되짚어... 번들링이란 여러 파일들을 하나의 실행 파일로 묶는 작업을 의미한다. 얼마 전에 webpack 버전 3이 업데이트 되었다고 들었는데,시중에서 webpack 관련된 문서를 찾기 힘들었다. 나중에 들어보니, webpack1의 경우는 자체 가이드 사이트도 부실하였다고... 하여 여러 군데를 찾아보다가 아래 사이트를 발견했다. 너무 설명을 자세히 쉽게 풀어주셔서 읽으면서 이해하기가 한결 쉬웠다. https://www.zerocho.com/category/Webpack..

리눅스 환경에서 특정 파일을 실행하고자 할때,'Permission denied'라는 에러를 맞이할 때가 있다. 비밀번호를 치로 들어왔는데도 권한이 없다고? 싶었는데,여기서 말하는 권한은 해당 '파일 실행'에 대한 권한이 없다는 말이었다. 그러면 파일 실행 관련 명령어를 정리해보자. 명령어 chmod 옵션 u 소유주 g 그룹 o 기타 a 전부+ 권한을 준다 - 권한을 뺀다 r 읽기 w 쓰기 x 실행 chmod u+x 파일 파일에 대해 소유자 실행할 수 있는 권한을 준다. chmod o-w 파일 파일에 대해 기타 사람들에게 파일 쓰기 권한을 뺀다.

​서버사이드 렌더링 서버에 http 요청시 데이터, Css와 html js를 합쳐서 그린 결과를 반환 사용자 입장에서는 빠르게 그려지는 느낌 서버 호출할 때마다 새로고침 봇이 크롤링할 때 채워져있는 데이터를 훑으므로 검색결과에 나타날 확률이 높다 (구글 봇의 경우 js 파일을 기준으로 한다고 함) ex) react.js ​클라이언트 사이드 렌더링 (SPA 방식) Http 요청으로 json 값만 서버에서 받아오고 받아온 값으로 html을 그린 후에 보여주는 것 서버는 처음 호출할때 전체 페이지를 다 불러오고 이후에 변경되는 부분만 서버의 응답 데이터와 합쳐서 화면에 그려지는 방식 상대적으로 서버사이드 렌더링 보다 늦게 화면이 나타남. 봇 크롤링 시 빈 html 파일을 긁을 확률이 높아 검색 결과에 나타나지..

컴파일 개발자가 작성한 코드를 컴퓨터가 이해할 수 있는 언어로 번역하는 작업 빌드 컴파일 작업을 포함하는 상위 작업으로, 컴퓨터 언어로 번역한 코드를 갖고 해당 app을 실행할 수 있는 형태로 만드는 작업. 어떻게 비유를 하면 좀 이해하기 편할까..?? 영어로된 편지를 한국어로 번역하는 작업이 컴파일 편지에는 사진 한 장이 들어 있었는데, 이 사진과 함께 번역된 편지를 받는이가 받는 것까지의 과정이 빌드. 혹시 영문 편지에 오타가 있어 번역할 수가 없는 상황이 컴파일 에러.사진이 누락되어 받는 이가 어떤 사진인지 알 수 없는 상태가 빌드 에러. 이 정도면 이해할 수 있게 비유한건지 잘 모르겠네 ㅠㅠ우선 내가 이해한 컴파일과 빌드의 차이는 이렇다!

git 커밋한 내용 취소하기.(push로 올리기 이전에만 유효한 명령어들) git reset HEAD^마지막으로 커밋한 내용 취소 git reset HEAD~3마지막 3개의 커밋 내용 취소 위의 명령어로 커밋을 취소하면로컬에 커밋하려고 했던 내용들은 유지된 상태로 남아있다.

region와 layout은 마리오네트 js에서 화면을 구성하는데 언급되는 용어다. region과 layout은 화면을 생성할 때 사용된다. 그러면 이 둘의 차이점은 무엇일까? template/template.html 파일 예제. mainLayout.js 코드 예제var template = require('text!template/teamplate.html')var SubLayout = require('js/SubLayout'); var mainLayout = Marionette.Layout.extend({template: _.tempate(template), regions: {subLayout: '#subLayout'}, initialize: function() {}, onAttach: function..