자바스크립트와 쿠키를 이용한 나이트모드

오늘 Node JS를 공부하면서 쿠키에 대해서 알게되었다. 크롬에 쿠키를 지운다는 것을 보고 쿠키라는 것의 존재는 알았지만 정확히 무슨 값을 가지고 무슨 동작을 하는지는 오늘에서야 알게되었다. 쿠키는 웹 브라우저에 저장되어있는 키-값 형식의 데이터입니다. 웹 서버가 Response를 보낼때 Set-Cookie 헤더를 통해서 생성됩니다. Cookie 헤더를 받은 웹 브라우저는 저장장치에 쿠키 데이터를 생성하고 저장합니다....

자바스크립트(JavaScript) include 사용하는 방법

예전에는 “소스코드를 뭐하러 나누지? 괜히 왔다갔다 불편하지 않나?” 이런 생각을 했었는데 그때는 코드가 길어봐야 1000줄 이내였기에 버틸 수 있었다. 무슨 기능을 만들었는지 다 기억도 하고있고 한 파일에 있어야 검색하는게 편리했다. 하지만 이제는 코드를 최대한 알아볼 수 있게 부분부분 나눠서 수정할 부분이 생기면 나눠진 코드에서 찾는다. 위와같은 이유도 있고 HTML 내에서는...

HTML Canvas Javascript 기초

도형과 애니메이션을 이용한 그래픽을 표현하는데 파이썬을 이용할지 HTML을 사용할지 고민했다. 하지만 나의 궁극적인 목표는 웹개발자이므로 캔버스를 사용하고자 하였다. 이곳을 참고하여 기본적인 사용법을 익혔다. HTML 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <!DOCTYPE html> <html> <head> <meta charset="utf-8"...

자바스크립트 기초 유전 알고리즘

파이썬에서 만들었던 유전 알고리즘을 자바스크립트로 단순히 번역해 본 결과물이다. 자바스크립트에 익숙해 지고 싶어서 해봤는데 의외로 시간이 오래 걸렸다. 약간의 기초적인 지식은 알고 있다고 생각했는데 … 아니었나보다. 파이썬에 있는 numpy.argsort()가 없어서 일단 애먹었고, 자바스크립트 정렬에서도 좀 애를 먹었다. 문자 정렬은 잘되는데 숫자 정렬은 정렬에 또 다른 조취를 취해 주어야 한다. 해결한...

자바스크립트를 이용한 리디렉션

티스토리를 탈퇴했는데 블로그에 연결된 페이지가 몇몇 있는것을 확인했습니다. 그래서 다시 가입해서 링크된 페이지인 경우 이쪽 사이트로 리디렉션 해주기로 판단했습니다. 티스토리 블로그도 운영할까 생각은 해봤지만 이미 지운걸 다시 하는건 귀찮네요… 구글에 찾아보니 사용자의 편의를 위한 자바스크립트로 리디렉션을 해주는 경우는 큰 문제가 없다고 나와있습니다. 위와같이 만들었고 단순하게 HTML, CSS, JS를 이용하여 만들어진...

자바스크립트(Javascript) 기본 문법 정리

이전에 노트에 기록했던 내용을 블로그로 옮겨놓으려고 한다. 매우 기본적인 문법만 들어있다. 1. 변수 자바스크립트에는 변수형(int, double, string)이 존재하지 않는다. var 이라는 가변형 변수만 존재하여 초기화 할때 형태에 따라서 알아서 할당된다. var i; var x = 123; var y = "123"; var z = false; var w = null; 2. 연산자...