Information Technology/Programming

Information Technology/Programming

vscode server cli 구축하기

일전에 vscode를 구축하는 포스트를 발행한 적이 있다. 이 방식은 vscode 서버부터 NginX까지 구축을 진행하여 완전한 섯버 형태로 구축하는 내용을 다룬다. [Information Technology/Programming] - Code Server - 구축편 이 방식보다 더욱 편리하게 Code Server를 구축하는 방식이 vscode CLI server를 구축하는 것이다. 아마도, vscode 개발 팀에서 이야기하는 vscode의 발전 방향에서 지난 구축 방식은 Remote - SSH, Tunnels에 해당하고, 이번 포스팅은 Remote - SSH, Tunnels + Dev Containers 방식에 해당하는 것으로 추측한다. Prepare 우분투 리눅스 시스템(WSL도 가능) Install..

Information Technology/Programming

Code Server - 구축편

페이지 목차 Code Server - 구축편 컨텐츠 목차 소개 구축 code-server 구축 및 설정 code-server 구축 code-server 운영 옵션 code-server 시스템 서비스 설정 NginX 구축 및 설정 NginX 구축 NginX의 패스워드 인증 구성 NginX와 Certbot을 이용한 https 통신 설정 참고 소개 대 클라우드 시대가 시작되면서 IDE를 로컬에 설치할 필요 없이 서버에 IDE를 구축하고 언제 어디서든 브라우저로 코딩을 할 수 있는 시대가 왔다. 이러한 환경은 개발자가 자신이 개발한 코드를 Github에 Push하고 다른 개발자가 Pull하여 받은 다음 개발하고, 충돌 문제를 해결하는 등의 환경을 실시간 동시 개발을 진행하도록 도와주어 더욱 편리한 개발을 할 수..

Information Technology/Programming

자바스크립트 동등 연산자, 일치 연산자 그리고 데이터 성질의 이해

1. 개요 공격자는 생각하지도 못한 방법으로 연산을 수행하여 결과를 도출한다. 한 기술을 정리하는 과정에 ![] 연산의 불린값이 생성되는 과정에 의문을 품게 되었다. 브라우저 개발자 도구를 통해 몇가지 테스트해보았다. 그러면 흔히 반대를 의미하는 ! 기호를 쓰면 결과가 달라진다. 예를 들면 true인 경우 false를 출력하고, false 인 경우 true를 출력한다. 이러한 연산을 자바스크립트 내부에서는 == false 를 연산한다. 그러면 ![]는 true가 출력되어야 한다. 하지만 실제 테스트하면 어떠할까? 결과는 의외의 결과로 false가 출력된다. 왜 그럴까? 2. 동등 연산자와 일치 연산자 동등 연산자는 느슨한 비교 연산자(Loose Equality Operators) 또는 더블 이퀄 연산자(..

Information Technology/Programming

MIT 6.00 컴퓨터 공학과 프로그래밍(Python) 오픈 코스

MIT 공대에서 컴퓨터 공학과 프로그래밍 소개에 관한 강의가 유튜브에 올라왔다. 최근에 업로드된 강의가 있음에도 이 강의들을 정리한 이유는 아무래도 한글 자막이 잘 되어 있기 때문이다. 출처 : MIT OpenCourseWare YouTube 교수 : Eric Grimson, John Guttag 제 01강 - 연산이란 - 데이터 타입, 연산자 및 변수 소개 제 02강 - 연산자와 피연산자 - 분기문, 조건문 그리고 반복문 제 03강 - 공통 코드 패턴, 반복 프로그램 제 04강 - 기능을 통한 분해 및 추상화, 재귀 소개 제 05강 - 부동 소수점, 계통적 명세화, 루트 찾기 제 06강 - 이분법, 뉴턴/랩슨, 그리고 리스트 소개 제 07강 - 리스트와 가변성, 딕셔너리, 의사코드, 그리고 효율성 소개..

Information Technology/Programming

자바스크립트 언어적 특징과 난독화

1. 개요 JavaScript Garden은 자바스크립트 언어의 핵심적인 내용을 모아 놓은 웹 문서이다. 이 문서는 자바스크립트 언어 자체를 설명하지 않고, 이 언어를 익히고, 사용하는데 있어 자주 겪는 실수, 미묘한 버그, 성능 이슈, 나쁜 습관 등 자바스크립트 언어의 독특한 특징들을 설명하고 있다. 2. 난독화 관련 내용 JavaScript Garden 내용을 기반으로 자바스크립트 난독화에서 이해하기 어려웠던 언어의 특징들을 잘 설명하고 있어 공부하는데 많은 도움이 되었다. 2.1. 객체 > 객체와 프로퍼티 > 프로퍼티 접근 객체이름 다음에 점을 찍어(Dot Notation) 접근하거나 각괄호를 이용해(Square Bracket Notation, []) 접근할 수 있다. 두 방식 모두 거의 동일하게 ..

Information Technology/Programming

기록 - 웹 관련 오픈소스 & 웹 프레임워크

오픈소스 웹킷 - http://www.webkit.org/building/build.html구글 V8 자바스크립트 엔진 - https://code.google.com/p/v8/팬텀js within Headless Webkit - http://phantomjs.org/캐스퍼js - navigation scripting & testing utility - http://casperjs.org/슬리머js - A scriptable browser for Web developers - http://slimerjs.org/

Information Technology/Programming

자바스크립트 02 - 꼭 *.js를 쓸 필요가 없다.

1. 개요 개발자들의 암묵적인 사항으로 자바스크립트 파일은 *.js확장자를 가지도록 하며, 실제로 운영체제도 *.js는 자바스크립트 파일로 인식하고 있다. 하지만 자바스크립트 엔진을 가지고 자바스크립트 언어 및 파일을 인지하고 인식하는 브라우저는 어떨까? 자바스크립트 언어의 특징 중 하나는 파일 확장자와 무관하게 동작한다는 점이다. 그림 1. 악성코드 유포지가 삽입된 경유지 그림 1에서 보는 것과 같이 script 태그로 자바스크립트를 선언한 후 ***/top.jpg를 리디렉션 하고 있다. 확장자만 보았을 땐 jpg 그림파일이어야 하지만 script로 인식하여 파일 안의 자바스크립트 코드를 실행하게 된다. 이러한 이유는 script 태그를 사용하면 자바스크립트 엔진이 운영되고 엔진은 확장자 확인 없이 파..

hakawati
'Information Technology/Programming' 카테고리의 글 목록