JSLint : 자바스크립트 오류 검증(코드 유효성 체크) 2020. 10. 31. JSLint(www.jslint.com)에서 자바스크립트 코드에 문제점이 있는지 검사할 수 있습니다. 잘못된 코드는 이에 대한 설명과 위치(라인)을 설명해줍니다. 브라켓에서도 확장 기능으로 제공하고 있으며, 코드의 유효성을 체크하고 싶은 자바스크립트 코드를 넣은 다음에 검사 버튼을 클릭하면 검사 결과를 얻을 수 있습니다. 또한 옵션을 설정하면서 다양한 검증 기능을 구체적으로 표시할 수 있습니다. 자바스크립트 코드가 제대로 작동하지 않으면 분명 문제가 있으니 이를 해결하기 위해선 어떤 문제인지 파악해야합니다. JSLint is a static code analysis tool used in software development for checking if JavaScript source code compl..

폭 없는 공백 (ZWSP:zero width space) /       2020. 10. 27. 컴퓨터에서 사용되는 비표시 문자로 문자처리 시스템에서 단락을 나타내는데 사용한다. 빗금 등의 기호 뒤 등 공백은 넣지 않지만, 개행을 해도 좋은 곳이나 일본어 등의 띄어쓰기를 하지 않는 언어에서 개행할 수 있는 위치를 명시하기 위해 사용한다. 일반 사용자에게서는 직접 사용할 상황이 없는 기능이지만, 윈도우 XP 이상의 메모장에서는 우클릭을 눌러 나오는 메뉴에서 유니코드 제어 문자 삽입을 통해 이 문자를 직접 추가할 수 있다. 폭 없는 공백이라는 이름에서 알 수 있듯이 아무리 많이 이 글자를 추가하더라도 문장의 길이가 늘어나지 않기 때문에 육안으로는 얼마나 이 글자가 추가되어 있는지 식별할 방법이 없다. 폭 없는 문자 라는 이름에서 알 수 있듯이 아무리 많이 이 글자를 추가하더라도 문장의 길이가 늘어나지 ..

마크다운 중요성과 사용법 2020. 10. 26. 마크다운의 중요성마크다운으로 글을 쓰면 매우 간결하게 쓸 수 있다. 일반 에디터보다 훨씬 간결하다고 생각이 되는데 매우 정확하고 깔끔하게 글을 작성할 수 있기 때문이다. 프로그래밍을 하는 사람만 쓰는 것이 아니라 일반 블로그에서도 마크다운 에디터 습관을 들이면 글을 매우 깔끔하게 쓸 수 있다. 간결하게 쓸 수 있다보니 가독성도 좋아진다. 그리고 글을 쓰는 것이 쉬워진다.마크다운은 텍스트 기반의 마크업언어로 2004년 존그루버에 의해 만들어졌다. 쉽게 쓰고 읽을 수 있으면서도 HTML 변환이 가능하다. 따라서 컨텐츠를 빠르게 작성하고 직관적으로 보여줄 수 있다. 이 점이 마크다운의 가장 강력한 기능이다. 마크다운은 깃헙에서 주로 사용되는데, 그 이유는 깃헙 저장소에서 마크다운 문서를 작성하기 때문이다...

모던 JavaScript 튜토리얼 2020. 8. 26. 자바스크립트를 공부하기 위해서 다양한 사이트를 둘러보지만, 그 중에서 자신에게 맞는 사이트에서 공부를 하는 것이 좋습니다. 열심히 논리적으로 생각해보고 이해가 안가는 부분에 대해서 예시학습을 한다면 금방 이해가 갈 것입니다. https://ko.javascript.info/ 모던 JavaScript 튜토리얼 ko.javascript.info 다양한 사이트들 중에서 특히, 모던 JavaScript 사이트를 추천합니다. 모던 JavaScript 튜토리얼은 상세한 설명과 함께 기본과 고급 과정의 개념들을 쉽게 이해할 수 있습니다. 첫번째 파트는 코어 자바스크립트 파트 부분으로, 기초 문법부터 객체(Object) 지향 프로그래밍과 같은 고급 개념까지 다루고 있습니다. 두번째 파트는 브라우저 내 페이지에서 다루는..

어떤 사이트의 개발칼럼 2020. 8. 26. 개발자 읽을거리들이 정리가 되어있다. 오늘 기준으로 총 13개의 글이 올라와있는데, 개발자들이나 개발언어를 공부하고 있다면 정말 뼈가 되고 살이 되는 알짜배기 정보들이 올라와있다고 생각한다. 특히, 처음 언어를 공부할 때, 왜 이렇게 공부를 해야 하는지(번역투가 아닌), 어떤 논리구조로 이해를 해야 하는지 자세히 풀어쓴 내용들이 나와있다. 대부분의 코딩이 독학으로 이뤄지는 경우가 많다고 생각할 때, 다른 사람에게 물어봐도 제대로 대답하는 사람이 없거나 모르는 경우가 대다수인 것이다. 그냥 책에서 '이렇게 외워라' 하니까 외우는 경우가 많다는 것이다. VIEW MORE LINK 연재칼럼에서 자바스크립트 관련 내용을 살펴보던 중에 꼭 알고 있으면 좋을 법한 자바스크립트 내용은 아래와 같다. 변수는 텍스트, ..

프로그래밍 공부를 위한 사이트 PoiemaWeb(중급자용) 2020. 7. 14. 웹 프로그래밍 튜토리얼(Front-end Development Tutorial) 알만한 사람들은 모두 아는 유명한 사이트가 있다. PoiemaWeb이라는 사이트다. 개발자분께서 프로그래밍 공부를 위해 잘 정리해둔 사이트인데, 웹 프로그래밍 중 프런트엔드 개발자를 꿈꾸는 사람이라면 해당 사이트를 이용해서 많은 공부를 할 수 있겠다. 참고로, 나 역시도 프런트 엔드 공부를 위해서 가장 많이 이용하는 사이트 중 한 곳이다. 무엇보다도 웹 프로그래밍 언어에 대한 개념이 짜임새 있게 정리가 되어 있고, 전체적으로 커리큘럼이 잘 되어 있어서 매우 좋은 사이트라고 생각한다. 이런 식으로 커리큘럼이 잘 정리가 되어 있어서 전체적으로 어떻게 웹 프로그래밍이 굴러가는지 알 수 있다. 당연히 기본 중에 기본인 HTML과 C..

소프트웨어의 제작과 배포 그리고 프로그래밍 2020. 4. 19. 프로그래밍 귀찮은 것은 싫고 노가다도 싫다면 역시 프로그래밍을 배우는 것이 좋은 것 같다. 그도 그럴 것이, 만약 반복 작업을 해야 하거나 귀찮은 것들을 해야 한다면 프로그램으로 쉽게 하는 것이 가장 편하기 때문이다. 그래서 프로그래밍을 배우는 건데, 쉽게 얘기하면 컴퓨터 언어를 배워서 언어대로 컴퓨터에게 명령하는 거다. 얼마나 편한가! 물론, 프로그래밍 언어를 배우는 일 자체가 귀찮을 수 있다. 만약 그정도라면 숨 쉬는 것도 귀찮아서 차라리 죽어버리는 것이 낫다고 생각할 수도 있겠지만, 그래도 프로그래밍 정도는 배우면 뭔가 쓰임새가 많다. 프로그램을 배포하는 것 까지는 상당한 시간이 걸리고 많은 테스트를 거쳐야 하지만, 능숙한 프로그래머는 프로그램 하나도 뚝딱 만들어낸다. 비교하는 것을 좋아하는 한국사..

<video> : 비디오 삽입 요소 간단 사용방법 2020. 3. 28. 간단 사용방법은 아래와 같습니다. 비디오 영상을 별도의 데이터베이스를 통해서 삽입할 필요 없이, 외부 주소값을 불러와서 아래의 요소로 적용시킬 수 있습니다. Autoplay 부울(boolean) 속성. 이 값이 설정되면, 데이터 로딩이 완료되지 않더라도 재생 가능한 시점에 자동으로 재생이 시작됩니다. Buffered 미디어의 어느 시간대가 버퍼에 들어 있는지 확인할 수 있는 속성입니다. 이 속성은 TimeRanges 객체를 포함합니다. Controls 이 속성이 존재하면, 소리 조절(volume), 동영상 탐색(seek), 일시 정지(pause)/재시작(resume)을 할 수 있는 컨트롤러를 제공합니다. Height 비디오의 출력 영역 높이이며, CSS 픽셀 단위 입니다. Loop 부울(boolean) ..

HTTP → HTTPS 리다이렉션 전환(.htaccess) 2020. 3. 27. 루트 위치에서 .htaccess 문서파일을 찾아 아래와 같이 작성해준다. 이 값을 추가하면 301, 302 리다이렉션 문제를 해결할 수 있다. 사이트 도메인을 변경하거나 SSL 도입할 경우에 HTTP 접속 주소값을 영구적으로 HTTPS로 리다이렉션을 해주는 방법이다. RewriteEngine On RewriteCond %{HTTPS} off RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]