본문 바로가기

Dev134

제이쿼리 아코디언 on() 이벤트 주간 스케줄 만들기 css :not() 선택자 제이쿼리 on() 이벤트 와 css :not() 선택자를 이용해서 주간 스케줄 제이쿼리 아코디언 만들기 일하는 중이라 자세한 제이쿼리 아코디언 설명은 생략한다. 다음과 같은 주간 스케줄 표에서 특정 날짜나 특정 스케줄을 선택하면 열리고 다른 스케줄은 접히는 아코디언을 구현하는 것이다. 핵심은 on()함수와 css:not() 선택자를 이용하는 것이다. 특정 엘리먼트를 선택하면 선택된 엘리먼트에만 클래스를 부여하고 나머지 형제 엘리먼트에서는 클래스를 빼고, css:not() 선택자로 선택여부를 토글할 수 있다는 것이 핵심이다. css /* scheduleWeek*/ .scheduleWeek { width: 100%; min-width: 950px; table-layout: fixed; border-spaci.. 2020. 8. 24.
asp, html, jsp, php include(인클루드) 하는 방법. PHP, ASP, JSP에서의 Include 사용법과 HTML의 한계 인클루드(include)는 코드 재사용성을 높이기 위한 매우 유용한 기능입니다. 웹 개발에서는 헤더, 푸터, 네비게이션 바 등과 같은 공통 요소를 여러 페이지에 걸쳐 반복해서 사용해야 할 경우가 많습니다. 이러한 상황에서 인클루드를 사용하면 중복 코드를 줄이고 유지보수를 쉽게 할 수 있습니다. 웹퍼블리셔 뿐만 아니라 웹 개발자들도 이 기능을 자주 사용합니다. 하지만 이 기능은 프로그래밍 언어나 플랫폼에 따라 다르게 구현될 수 있으므로, 여기서는 PHP, ASP, JSP에서 어떻게 인클루드를 사용하는지, 그리고 HTML에서는 왜 사용할 수 없는지에 대해 알아보겠습니다. PHP에서의 Include PHP에서는 include 또는 inclu.. 2020. 8. 14.
부트스트랩4 데이트피커 datepicker 이벤트 가로채기 / 제이쿼리 toggle()이용해서 게시물 목록 정렬 버튼 토글하기 부트스트랩4 데이트피커 datepicker 이벤트 가로채기 부트스트랩4 데이트피커는 아주 강력한 도구입니다. 여러 이벤트와 API를 제공하여 사용자가 원하는 방식으로 캘린더와 시간을 선택할 수 있게 해주죠. 하지만 때로는 플러그인이 제공하는 기본 이벤트가 우리의 요구사항과 완벽하게 일치하지 않을 때가 있습니다. 이럴 때 소스 코드를 직접 수정해야 하는 상황이 발생할 수 있습니다. 본 글에서는 이러한 문제를 어떻게 해결할 수 있는지 알아보겠습니다. https://tempusdominus.github.io/bootstrap-4/Events/ Redirecting to https://getdatepicker.com/ tempusdominus.github.io 기본적인 이벤트 사용법 Tempus Dominus에.. 2020. 3. 24.
php 문자열 자르기 함수 substr 로 현재 페이지의 주소로 switch문 분기 구조 예제. 사실 이 예제는 오늘(2015.06.24 16:34) 프리랜서 알바로 워드프레스 홈페이지 구축 프로젝트에서 네이버웹마스터 도구에 워드프레스의 멀티사이트별로 분기를 확인시키기 위해서 작성하던 프로그램의 일부다. 결론부터 말하자면, 네이버웹마스터도구가 일반 도메인들에 대해서는 서브도메인이 아닌 디렉토리 구조 이하는 별도 사이트로 인식하지 않기 때문에 워드프레스로 멀티사이트를 구축하더라도 1개의 사이트로 인식된다는 것만을 확인했다. 그래도 혹시 훗날 쓸 일이 있을까 싶기도 하고, 이런 류의 조건 분기 예제가 필요한 분들을 위해서 작성해둔다. php substr 문자열 자르기 함수로 현재페이지의 주소를 확인해서 php switch문으로 분기시키는 예제. 이 프로그램에 사용된 주요 php 함수에 대한 설명. ph.. 2020. 3. 7.
내도메인.한국 무료 domain주소 티스토리 개인도메인 설정시 CNAME 대신 A레코드 27.0.236.139 dns 시리즈 3 내도메인.한국 무료 Domain 주소로 티스토리 개인도메인 설정하기: CNAME vs. A 레코드 27.0.236.139 지난달부터 티스토리 블로그 설정에서 개인 도메인 설정 과정에서 문제가 발생했습니다. 이번 포스팅에서는 해당 이슈에 대해 자세히 다루겠습니다. 개인 도메인 설정은 블로그 운영에 있어 중요한 기능 중 하나이며, 최근에 발생한 문제로 많은 이용자들이 불편함을 겪었습니다. 에러 발생 및 복구 과정 지난달부터 티스토리 블로그의 개인 도메인 설정에서 에러가 발생했습니다. 이러한 문제는 별다른 공지 없이 나타난 것으로 보입니다. 초기에는 많은 분들이 큰 관심을 보이지 않았을 가능성이 있습니다만, 이는 매우 중요한 이슈였습니다. 다행히 복구 작업을 통해 문제는 해결되었지만, 아직도 몇몇 문제가 남아.. 2020. 3. 7.
모바일홈페이지 주소창 감추기 tip body[orient="portrait"] ,body[orient="landscape"] [모바일홈페이지 제작] 모바일 웹 주소창 감추기 tip 모바일홈페이지를 제작할 때 코딩에서 위의 사진처럼 모바일 주소창 없애기 방법에 대한 설명이다. 보통 흔히 아래와 같은 자바스크립트를 많이 쓴다. window.addEventListener('load',function(){ setTimeout(scrollTo,0,0,1); },false); 이 스크립트는 모바일웹서 주소창이 사라지는 기능을 적용하고 있다. 혹은 아예 body 태그에 onload로 넣을 수 있다. ... 이 자바스크립트는 window.setTimeout(func, delay, [param1, param2, ...])을 호출하는 형식이다. 1. 0초 후에 scrollTo 메소드를 실행시켜라 2. [param1, param2, ...] 은 .. 2020. 2. 19.
유머)작성한 프로그램이 엉망이지만 제대로 동작할 때 유머) 작성한 프로그램이 엉망이지만 제대로 동작할 때 캐공감되네... 이번 플젝 퍼블리싱이 딱 저 수준인데... 일단 동작되니까 입 다물자. 리팩토링 하기엔 너무 멀리 왔다. 캐공감되네... 프로그래밍을 하다 보면 때로는 우리가 작성한 코드가 마치 틀어진 빵처럼 엉망일 때가 있습니다. 하지만 이런 상황에서도 놀랍게도 프로그램이 제대로 동작할 때가 있습니다. 이런 경험, 여러분도 해보셨을 겁니다. 퍼블리싱이 딱 저 수준인데... 프로젝트를 진행하다 보면 때로는 완벽한 결과물을 내기 힘든 순간이 있습니다. 특히, 퍼블리싱이 딱 저 수준이라고 느끼는 순간이 그런데요. 하지만 중요한 건 그것이 어떤 상태든, 일단 동작된다는 것입니다. 일단 동작되니까 입 다물자. 우리가 작성한 프로그램이 조금 엉망이라도, 중요한.. 2020. 2. 11.
앵귤러 폴더 권한 문제 angular error windows [nodemon] clean exit, 윈도우 angular js choco install yarn 설치 앵귤러 폴더 권한 문제 angular error windows [nodemon] clean exit, 윈도우 angular js choco install yarn 설치 angular error [nodemon] clean exit - waiting for changes before restart sqlite 어느 날 갑자기 앵귤러 서버가 구동이 안 되는 일이 발생했다. yarn start:server:nodemon 으로 잘 구동되던 노드 서버가 [nodemon] clean exit - waiting for changes before restart 에러를 띄우고 실행이 멈춘다. 윈도우 환경에서 SQLite를 사용할 때 SQL라이트가 Workspace에 Dev 폴더를 생성하고 database.sqlite 파.. 2020. 2. 11.

티스토리툴바