지금 만들고 있는 링크 미리보기에서 서버 모듈을 개발하고 있는데 Classic ASP에서 euc-kr이 자꾸 깨지는 현상이 발생했다. 다른 서버 모듈(JSP,PHP,ASP.NET) 들은 해결했는데 Classic ASP는 해결하지 못해서 계속 찾아보던중 기존에 url을 parsing하여 html을 가져오는 responseText는 항상 유니코드로 디코딩을 하기 때문에 한글이 깨졌다는 것을 알게 됐다. 정보를 찾던 중에 ADOStream을 알게 돼어서 binary쪽으로 접근을 해 euc-kr로 변환하려고 했었는데 찾다보니 오래됐지만 더 좋은 코드가 있어 기록한다. 나중에 최신 코드로 리팩토링을 할 수 있으면 해야겠다.. 일단 주어진 업무가 바쁘기 때문에 .. ' =========================..
Webpack? 웹팩(Webpack 또는 webpack)은 오픈 자바 스크립트(JS) 모듈 번들러이다. 주로 자바스크립트(JS)를 위한 모듈 번들러이지만 호환 플러그인을 포함하는 경우 HTML, CSS, 심지어는 이미지와 같은 프런트엔드 자산들을 변환할 수 있다. 웹팩은 의존성이 있는 모듈을 취하여 해당 모듈을 대표하는 정적 자산들을 생성한다. 웹팩은 의존성을 취한 다음 의존성 그래프를 만듦으로써 웹 개발자들이 웹 애플리케이션 개발 목적을 위해 모듈 방식의 접근을 사용할 수 있게 도와준다. 명령 줄을 통해서 사용할 수 있으며, "webpack.config.js"이라는 이름의 구성 파일을 사용하여 구성할 수 있다. 이 파일을 사용하면 프로젝트를 위해 로더, 플러그인 등을 정의할 수 있다. (웹팩은 로더를 ..
이전 핀테크 기업 면접에서 HTML과 HTML5의 차이에 대해서 질문이 들어왔는데 제대로 된 답을 못해서 공부하고자 한다. 그리고 공부하는 김에 CSS와 CSS3의 차이에 대해서도 알아보자. CSS2와 CSS3의 대표적인 차이는 이미지를 사용하지 않고 그라이데션 등의 표현을 할 수 있게 된 점이다. CSS2에서는 모서리를 둥글게 표현하려면 모서리가 둥글게 처리된 이미지를 준비해야 했다. CSS3에서는 그런것이 필요하지 않다. 그 외 그림자나 그러데이션을 추가할 수 있다. HTML과 HTML5의 대표적인 차이는 많은 브라우저들이 HTML5를 지원하기 시작했다는 것이다. 기능 내용 표준 코덱 및 영상 플레이어 내장 브라우저 내부에서 영상 플레이어가 내장되어 별도의 플에이어 설치 없이도 영상 재싱 가능. 캔버..
media query 전체 화면에서의 이미지는 holy grail layout의 형태이다. mediaquery 적용 후 화면을 축소 시키면 column의 형태가 아니라 row형태로 변하게 된다. 그리고 aside 또한 None형태로 보이지 않게 되는 것을 알 수 있다. 반응형 웹 페이지를 만들 때 자주 쓰이는 것이니 꼭 알아두도록 하자. float multi column 멀티 컬럼은 신문에서 나오는 글처럼 문단을 여럿으로 나눌 수 있다. 그리고 멀티 칼럼을 이용해서 핀터레스트의 레이아웃을 만들 수 있다.