[카테고리:] 개발
-
미디어아트 소스코드 오류해결 과정
* 2011년 만든 미디어아트 소스코드의 오류를 고치는 과정입니다 해당 동영상은 2023년 5월 8일 오후 5시에 공개 예정입니다. * 1. 수정 전 소스코드 * 2. 수정 후 소스코드 * 3. 결론 변수 선언을 let으로 선언해야 할 것으로 var로 선언해서 문제가 생겼다고 판단한 초반의 생각은 들어맞지 않았습니다. 그보단, 다른 영역의 함수에 넘겨줘서 다르게 처리해야 할 변수를 전역변수로…
-
워드프레스 테마 커스터마이징: 썸네일 이미지 크기 줄이기
1. 서론 이미 다른 글에서 워드프레스 테마 커스터마이징을 해서 썸네일 이미지를 줄였다. 왜냐하면 워드프레스닷컴 기본 세팅으로는 썸네일 이미지가 너무 크게 출력되어 본문의 가독성을 심각하게 해치고 있었기 때문이었다. 이 부분을 조금 더 다듬으려고 한다. 왜냐하면 모바일에서도 보기 좋게 출력하기 위해서다. height:300px 로는 PC에서는 적당하게 보이지만, 모바일에서 이 수치는 과하다. 그래서 화면 비율에 맞게 줄여주려는 것이다. *…
-
화면 가로로 스크롤해서 넘기는 자바스크립트 소스코드
사실 PC의 마우스는 화면을 가로로 스크롤하는 기능을 대부분 지원하지 않는다. 그래서 scroll002.html에서는 PC에서는 화면 세로 스크롤에 따라 화면이 옆으로 움직이고, 모바일에서만 화면 가로 스크롤에 따라 화면이 옆으로 움직이게 만들어져 있다. 일단 scroll002.html의 소스코드를 공개하겠다. * * 여기서 zoom1 함수가 PC에서 동작하는 함수이고, zoomsave2와 zoom2 함수가 모바일에서 동작하는 함수다. 유감스럽게도 ontouchend를 지원하는 자바스크립트 함수는 현재 없다.…
-
코딩: 나만의 동기부여 홈화면 만들기
스파르타코딩클럽의 강의 <나만의 동기부여 홈화면 만들기>를 수강하고 나서, 나 나름대로 응용해서 내가 생각하는 방향의 나만의 동기부여 홈화면을 제작하였다. * 아직 정식으로 사업자를 낸 건 아니지만, 사업체 이름을 홈화면에 활용하면 동기부여가 많이 될 것 같아서 그렇게 만들어 봤다. 디자인은 최대한 심플하게 가져가려고, 배경화면은 원래 있던 것을 아예 지워버리고 흰 화면에 제작하게 되었다. 실질적으로 만드는 시간은 40분도…
-
코딩의 관점에서 네이버 블로그가 망해도 싼 이유
이 글은 클래스101 강의 <홈페이지형 블로그! 공식만 알면 누구나 쉽고 멋스럽게 뚝딱!> 의 리뷰입니다. * 예전부터 나는 네이버 블로그가 망해도 싸다고 생각했었다. 이는 단순히 네이버 블로그가 코딩의 제약이 많아서, 코딩이 거의 불가능해서가 아니다. 네이버 블로그에서 그나마 코딩이 가능한 영역들은 진짜 진짜 legacy code들이다. 지금은 웹표준 등의 문제로 거의 사장되어 안쓴지 한참 된 table 코드를 레이아웃…