사내망이나 기타 오프라인 환경에서 익스텐션 설치파일을 받아 설치해야 하는 경우가 있을 수 있다. 1.아래사이트로 들어간다. https://marketplace.visualstudio.com/ Visual Studio Marketplace Extensions for Visual Studio family of products on Visual Studio Marketplace marketplace.visualstudio.com 2.원하는 익스텐션을 검색한다. 3.우측 중간쯤에 Download Extension을 클릭한다. 4.다운로드후 저장 5.VSCODE 좌측하단에 톱니바퀴 클릭후 명령 팔레트를 실행한다. 6.install from VSIX 를 검색 7.다운받은 확장프로그램, 익스텐션을 클릭하면 바로 설치..
https://flykimjiwon.tistory.com/190 HTTP의 상태코드와 메서드, REST API - HTTP의 상태코드 1xx (정보) : 요청을 받았으며 프로세스를 계속한다. 2XX (성공) : 요청을 성공적으로 받았으며 인식했고 수용한다. - 200OK : 요청이 성공적으로 되었습니다. - 201 created: 요청이 성공 flykimjiwon.tistory.com 내가 과거에 썼던 글이다. 대략적인 개념을 어렴풋이만 알고 있었지만 자세히 알고 있어야 할거같다. - REST API란? REST는 Representational state Transfer의 약자 Representational 상태 전송 대표? 표현적인? 상태전송 이것만 봐선 뭔가 애매하다. HTTP 설계의 우수성에비해 제..
유저에게 보이기 까지 몇단계로 나눌것인지를 설정하는것 현재 대부분의 웹개발은 3계층으로 이루어져 있다고한다. 1계층 하나의 컴퓨터나 서버에 클라이언트, 서버, 앱 3가지 모두를 구현해놓은것 그래서 한번에 모든것을 바꿔야한다. 2계층( 클라이언트 서버) 클라이언트에서 직접 db에 접속해 자원을 사용 보안에 취약하고, 유지보수가 어렵다. 대부분의 로직을 클라이언트에서 처리한다. 비즈니스 로직 변경시 다시 클라이언트로 프로그램을 다시 배포해야한다. 3계층 (클라이언트 서버/앱 DB) 클라이언트가 웹 어플리케이션 서버를 통해 db에 접근하고, db서버를 별도로 구성한다. 웹 어플리케이션 사용자가 많아짐으로 인해 웹서버에 과부하가 걸려 WAS서버가 등장했다. 아래 링크 참고! https://preamtree.ti..
- 1.좋은코드란 무엇일까? 오늘아침에 눈뜨자마자 이 질문이 번뜩이면서 이생각부터 하면서 일어났다. 최근에 받은 질문이다. 뭔가 어디선가 얼핏 들어보기도 했고, 지나가는 얘기로더 들어본 문장이지만 내가 직접 스스로 고민을 하면서 생각해봄 경험은 없다. 그리고 솔직히 처음 들었을 때 와 좀 철학적이지 않나...? 정말 저런것까지 생각하면서 다들 코딩을하고 프로그래밍을 진행하는걸까? (이 글을 쓰고나서 느끼는 거지만 지금은 무조건 생각해봐야 하는 주제라고 생각한다) 근데 질문하신분의 다음 설명이 조금 감명 깊었다. 잘기억은 안나지만 정말 코딩을 좋아해서, 즐겨서 하는지를 파악하시는 것 같기도 했고 혹은 협업을 위해 생각해본 경험이 있는지를 물어보는것 같았다. 저 질문을 받았을 때 잠시 고민을 해보았다. 비슷..
- HTTP의 상태코드 1xx (정보) : 요청을 받았으며 프로세스를 계속한다. 2XX (성공) : 요청을 성공적으로 받았으며 인식했고 수용한다. - 200OK : 요청이 성공적으로 되었습니다. - 201 created: 요청이 성공적이었으며 그 결과 새로운 리소스가 생성되었습니다. 3xx (리다이렉션) : 요청 완료를 위해 추가 작업 조치가 필요하다 - 301 Moved perma nently : 이 응답코드는 요청한 리소스의 URI가 변경되었음을 의미합니다. 변경된 새로운 URI를 응답에서 주는것이 좋습니다. 4XX (클라이언트 오류) : 요청의 문법이 잘못되었거나 요청을 처리할 수 없다. - 400 Bad Request : 이 응답은 잘못된 문법으로 인하여 서버가 요청을 이해할 수 없음을 의미합니다..
쿠키 쿠키는 만료 기한이 있는 키-값 저장소, same site 옵션을 strict로 설정하지 않았을 경우 다른 도메인에서 요청했을 때 자동 전송되며, 4kb까지 데이터를 저장할 수 있고 만료기한을 정할 수 있다. 쿠키를 설정할 때는 document.cookie로 쿠키를 볼 수 없게 httponly 옵션을 거는 것이 중요하며, 클라이언트 또는 서버에서 만료기한 등을 정할 수 있는데 보통은 서버에서 만료기한을 정한다. 로컬 스토리지 로컬 스토리지는 만료기한이 없는 키-값 저장소이다. 10MB까지 저장할 수 있고 웹 브라우저를 닫아도 유지되고 도메인 단위로 저장, 생선된다. HTML5를 지원하지 않는 웹 브라우저에서는 사용할 수 없고 클라이언트에서만 수정이 가능하다. (보통은 5MB, 코드 : local.h..
1.DOM 트리 구축 하나의 html 페이지는 div, span등 각각의 요소를 가진다. 각 요소는 하나하나의 노드로 설정이 되어 트리 형태로 저장된다. 이를 DOM트리라고 한다. 예를들어 div > span, span 이라는 요소가 있다면 div라는 부모노드 밑에 span이라는 자식노드가 2개 생기는 것이다. 2.렌더트리와 렌더레이어 생성 각각의 노드는 CSS파서에 의해 정해진 스타일 규칙이 적용되어 있다. ex) span.color = 'red'는 노드 색깔이 빨간색이다. 이런 규칙에 따라 CSSOM트리가 만들어지고 미리 만들어놓은 DOM 트리 내에 있는 노드와 함께 렌더객체가 생성되며 이들이 모여 병렬적인 렌더트리가 생성된다. 이때 display:none이 포함된 노드는 지워지고 font-size등..