프로그램 코드로 웹패이지가 열리지 않는 경우 – user agent header

웹 브라우저로는 잘 열리는 url이 아래와 같은 코드로는 열리지 않는 경우가 있다. 서버가 http의 user agent header를 요구하기 때문이다. HTTP headers let the client and the server pass additional information with a message in a request or response.– HTTP headers, mdn web docs agent는 어려운 단어다. 흔히 대리인이라 번역하지만 computer와 관련되어서는 그렇지 않다. (computing) In…

[자바스크립트] 함수의 선언과 표현 – declare & express

function은 declare할 수 있고 express할 수도 있다. 쉽게 와닿지 않는 말이지만 개념은 쉽다. 후자는 그냥 익명 함수라고 보면 된다. The main difference between a function expression and a function declaration is the function name, which can be omitted in function expressions to create anonymous functions.– function expression, mdn 함수에 이름을 붙이면 ‘선언’한 거고 이름을 붙이지…

공유 웹 호스팅 서비스의 디렉토리 – 상대 경로

웹 서비스를 운영할 때 보통은 웹 호스팅을 이용한다. 이러한 호스팅은 대부분 서버 하나를 여럿이 나눠 쓴다. shared web hosting server sevice다. 이 경우 이용자는 root에 접근할 수 없다. 예를 들어 자신의 계정에 test라는 디렉토리를 만들고 여기에 접근하기 위해 /test라고 입력하면 이러한 요청을 받은 서버는 root/test를 읽으려 한다. 아마도 당연히 루트에 그런 디렉토리는 없을 테니 결과는…

nhn 웹 호스팅 비주얼 스투디오 코드 ssh 원격 접속 불가

웹 호스팅을 이용할 때 보통은 ftp 클라이언트를 이용하여 관리한다. 하지만 좀 더 깊게 들어가야 할 일이 생기면 이거로는 가능하지 않다. 다양한 명령어들을 이용하려면 secure shell을 이용해야 한다. 윈도우즈를 이용하고 있다면 따로 더 설치할 거 없이 powershell을 이용하여 바로 서버에 접속할 수 있다. 근데 nhn 서버는 파워쉘을 이용한 ssh 접속은 잘 되는데 visual studio code로는 되질…

[자바스크립트] 이벤트 제어 방법 – event 키워드

아래의 예제는 버튼을 클릭한 때 일어난 이벤트의 타입을 출력한다. click이라고 나온다. 위의 코드는 간단하지만 낯설다. event 아규먼트가 뭔지 애매하다. 다른 이름으로 바꾸면 위의 코드는 작동하지 않으므로 예약된 키워드인 거 같지만 아니다. 자바스크립트 레퍼런스에 event라는 키워드는 명시되어 있지 않다. 이건 웹브라우저가 처리하는 키워드다. 위의 방법은 직관적이어서 좋지만 자바스크립트에 충실하지 않고 관리하기 편하지도 않으므로 쓰지 않는 게…

초급 웹 호스팅 선택 – tls, 이메일 계정 무료 제공 여부

웹사이트를 만들려면 웹 호스팅을 해야 한다. 제작된 웹사이트 파일들에 다른 사람들이 접속을 할 수 있도록 컴퓨터에 저장하여 공개하는 작업이다. apache 같은 http 서버 소프트웨어를 직접 설치하는 건 일반적이지 않고 이런 작업을 전문적으로 하는 회사를 이용하는 게 일반적이다. 많은 웹 호스팅 회사들 가운데 카페24, 가비아, nhn이 유명하다. 이들 외에는 조그만 회사들인데 보안이 중요하다면 앞의 세 회사들을…

[css] <input>을 디자인할 때 주의할 점 – border

엘리먼트는 보더가 none인 게 디폴트이지만 인풋은 예외다. 인풋은 보더를 가지고 만들어지므로 당연히 그 보더에는 기본적으로 스타일도 적용되어 있다. 그런데 특이하게도 인풋에 보더 스타일을 추가하면 만들어질 때 적용된 스타일이 사라진다. 아무 스타일도 적용하지 않고 인풋을 만들면 모서리에 픽셀 하나가 빠져서 radius가 살짝 적용된 거처럼 보인다. 하지만 아래의 코드를 실행하면 모서리는 직각으로 바뀌고 border-style도 outset으로 설정된다. 그리고…

유튜브 퍼가기가 되지 않는 이유 – 게시자의 임베드 불허 설정

유튜브 동영상들 가운데 다른 웹페이지에 임베드embed되지 않는 것들이 있다. 다른 것들은 대부분 임베드가 잘 되고 있다면 몇몇이 안 되는 건 기술적인 문제가 아니다. 동영상을 올린 사람이 임베드되지 못하게 설정을 해서 그런 거다. 유튜브 동영상은 게시자가 게시를 할 때 다른 웹페이지로 퍼갈 수 없게 설정을 할 수 있다. 이걸 굳이 확인해 보려면 문제의 동영상에서 공유 버튼을…

[워드프레스] 아스트라 테마 리스트 왼쪽 여백 버그의 해결

아스트라 테마의 편집기로 리스트를 만들면 편집기 안에서는 제대로 오른쪽으로 들여쓰기 되어 나오는데 퍼블리쉬를 하고 나면 왼쪽으로 튀어나온다. 버그다. 아스트라는 많이 쓰이는 테마인데도 이런 기본적인 버그가 있다는 게 희한하다. 제작사에 알려 줘도 해결을 하지 못하고 있다. 문제의 <ol>과 <ul>의 코드를 보면 css가 아래와 같이 실행되는 걸 알 수 있다. 기껏 인라인 시작을 들여쓰기로 해 놓고 이걸…