엔빵 계산기 만들기제가 속한 동아리에서 모임을 자주 갖는데 그때마다 정산을 하기위해서 엑셀을 만드는게 힘들어서 이참에 강의도 올릴 겸 엔빵계산기를 만들어보려고 합니다.초보자분들도 쉽게 따라하실수 있도록 어려운 것들은 모두 걷어내고 HTML, CSS, JavaScript 만 사용해서 더치페이 계산기를 만들어보겠습니다.기초 개념부터 실전 프로젝트까지 차근차근 설명할 예정이니, 부담 없이 시작하셔도 됩니다. 오늘 소개하는 내용은 앞으로 진행될 HTML,CSS,JavaScript에 대해서 가볍게 다룰 예정이니 다소 어렵더라도 무시하시고 넘어가셔도 무방합니다.어차피 다음 회차에서 다시 소개할 예정이니까요. 앞으로 진행할 내용소개 에디터 다운로드HTML으로 기본구조 만들기JavaScript로 계산 기능 추가하기더치..
해커들이 해킹하는 방법중에는 여러가지 방법이 존재하는데요. 그중에서 보안관련 프로그램중 패킷을 변조하는데 사용하는 BurpSuite 프로그램을 사용해서 해커의 경험을 한스푼 추가해보도록 하겠습니다 :) https://portswigger.net/burp/communitydownload Download Burp Suite Community Edition - PortSwiggerBurp Suite Community Edition is PortSwigger's essential manual toolkit for learning about web security testing. Free download.portswigger.net위의 사이트에서 프로그램을 다운받아 주세요 그 후 프로그램을 실행시키면 ..
DDNS(Dynamic Domain Name System, 동적 DNS)는 IP 주소가 계속 변경되는 환경에서도 도메인 이름을 통해 안정적으로 접속할 수 있도록 도와주는 시스템입니다. DNS우선 DNS에 대해서 알아봅시다.우리가 네이버에 접속을할때는 보통 검색창에 https://www.naver.com 처럼 도메인을 치지 해당 아이피를 알고있지는 않습니다. 이런 아이피를 기억하기 쉬운 도메인으로 입력할수있게 해주는 시스템을 DNS라고 합니다.그런데, 보통 가정에서 쓰이는 인터넷 환경은 Ipv4의 한계가 있어서 고정IP가 아닌 유동적으로 아이피를 할당받고 있습니다.즉, 123.45.67.89 의 아이피를 할당받고 있어도 내일은 이 아이피가 아닐수도 있단 말... DDNSDDNS는 이러한 변동 IP를 자..
V8 엔진V8 엔진은 구글 크롬과 Node.js에서 사용하는 자바스크립트 엔진입니다.이 엔진은 자바스크립트 코드를 고속으로 실행 할 수 있도록 설계되었으며, Just-In-Time(JIT) 컴파일러 를 이용해 성능을 극대화합니다. 주요특징자바스크립트 코드를 바이트코드(Bytecode) 로 변환 후 실행실행 속도를 높이기 위해 JIT(Just-In-Time) 컴파일 사용가비지 컬렉션(Garbage Collection) 으로 메모리 관리 V8 엔진의 주요 구성 요소V8 엔진은 크게 파싱 → 컴파일 → 실행 → 최적화 과정을 거칩니다.이 과정을 담당하는 핵심 요소는 다음과 같습니다.1️⃣ 파서(Parser): 자바스크립트 코드를 분석하여 추상 구문 트리(AST) 생성2️⃣ 인터프리터(Interpreter)..
리눅스에는 수 많은 명령어들이 존재합니다 이러한 명령어들을 조합해서 나만의 명령어를 만들 수 있다면 좋지 않을까요? 명령어를 사용하다보면 오타가 종종 발생하기도 하고,조합해서 긴 명령어를 여러 라인으로 치기도 불편하니 나만의 명령어 = 별칭 을 생성 해 사용합니다 바로 alias 라는 별칭을 설정하여 나만의 명령어를 만들 수가 있습니다 1. 별칭(Alias) 생성 및 삭제하기 예를 들어 현재 프로세스 중 docker 프로세스가 작동하는지 확인 하고 싶을 경우에는 아래의 명령어를 사용합니다. ps -ef | grep docker 현재 도커 프로세스가 실행 중인 것을 위의 명령어로 확인 할 수 있네요~~ 근데 해당 명령어가 너무 길다고 느껴서 간단하게 바꾸고 싶을 수도 있지 않을까요?이제 위의 명령어를..
자바스크립트는 싱글 스레드(Single Thread) 언어로, 한 번에 하나의 작업만 수행할 수 있습니다. 하지만 크롬에서 제공하는 웹 API(Web API) 와 비동기 처리 메커니즘을 통해 효율적으로 여러 작업을 동시에 처리할 수 있습니다. 크롬 브라우저의 자바스크립트 실행 환경은 크게 다음과 같은 요소로 구성됩니다1️⃣ 콜 스택(Call Stack)2️⃣ 웹 API(Web API)3️⃣ 태스크 큐(Task Queue / Callback Queue)4️⃣ 마이크로태스크 큐(Microtask Queue)5️⃣ 이벤트 루프(Event Loop) 콜 스택(Call Stack)자바스크립트는 콜 스택(Call Stack)을 사용하여 함수를 실행합니다.콜 스택은 LIFO(Last In, First Out) 즉 ..