본문 바로가기

Lect & Tip101

📌 CSS 말줄임 : text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 글자르기 width:auto. 제목이 길 경우 ...로 표시 게시판을 개발할 때 귀찮은 작업중의 하나가 제목을 리스트 폭에 맞춰서 말을 줄이는 것이다. 서버 단에서 미리 길이를 계산해서 출력할 수도 있지만, 사이트 특성상 게시판의 종류가 다양하다거나 하면, 은근히 귀찮은 압박으로 다가오게 된다. 이럴때 유용한 것이text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 조합이다. 이걸 쓰면 금호리조트 1월 행사 안내 - 추가할인 혜택금호리조트 1월 행사 안내 -추가할인 혜택금호리조트 1월 행사 안내 - 추가할인 혜택금호리조트 1월 행사 안내 - 추가할인 혜택 이렇던 녀석이 이렇게 바뀐다. 소스에서 볼드처리 해둔 부분이 중요한 부분인데, vf_360을 id로 스타일을 적용하게 했고, width:auto; 속성을 부.. 2019. 6. 22.

패스트부트 반응형 웹 티스토리 스킨 상단에 배너달기. 미디어 쿼리 ✈ 프로그래머들이 싫어하는 언어 제 동생 블로그에 패스트부트 반응형 웹스킨을 적용해 주었는데요. 반응형 스킨상에서 블로그 최상단의 블로그 이름 옆에 배너를 다는 법에 대해 궁금해하시는 분이 댓글로 질문해 주셨어요. 웹퍼블리셔로 일하는 저로서는 그냥 간단한 작업이었는데, 아무래도 일반인 분들은 CSS개념이라든지, 반응형 미디어 쿼리에 대해 잘 모르시니까 어렵게 느껴지실 것 같긴 하네요. 모든 반응형 웹 티스토리 블로그 스킨이 똑같은 구조가 아니라서 단정적인 방법을 설명해 드릴 수는 없네요. 일단은 제가 주로 사용하고 있는 패스트부트 반응형 웹 티스토리 스킨 버전 1.6.1을 기준으로 해서 설명을 드릴게요. 그전에 일단 중요한 핵심에 대해서 얘기하죠. 이 부분은 패스트부트 스킨이 아니더라도 반응형 웹이라면 고려해야 할 사항입니다. 일단 반.. 2019. 5. 24.

🛫 npm install --save classlist.js 클래스리스트.js Microsoft Windows [Version 10.0.17134.345] (c) 2018 Microsoft Corporation. All rights reserved.C:\Work\2nd-round>yarn start:client:hmr yarn run v1.12.3 $ ng serve --configuration hmr NOTICE: Hot Module Replacement (HMR) is enabled for the dev server. ** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ ** Date: 2019-01-25T00:02:40.756Z Ha.. 2019. 2. 28.

linux killall node command use in windows taskkill /f /im node.exe Starting inspector on 127.0.0.1:9229 failed: address already in use 🛫 VScode를 사용하다보면, 간혹 Starting inspector on 127.0.0.1:9229 failed: address already in use 에러가 뜰 때가 있다. 이미 사용하던 서버 태스크가 정상적으로 클로즈 되지 않아서 주로 발생하는데... 이걸 해결하려면 프로세스가 자동으로 죽을 때까지 기다리곤 했다. 리눅스에서는 killall node 명령어로 해결이 되지만, 윈도우에 대응하는 명령어를 몰랐다. 결론을 말하자면 대응 명령어는 taskkill 이다. 이미 잘 죽지 않는 프로세스가 살아서 포트를 사용하고 있기 때문에 그냥 taskkill만 써선 안되고 /f 옵션을 같이 써서 강제 종료해야 한다. C:\Work\2nd-round>taskkill /im node.exe 오류: 프로세스 .. 2019. 2. 26.

asp, html, jsp, php include(인클루드) 하는 방법. HTML,JSP,PHP,ASP include(인클루드) 하는 방법. 각 언어에서 인클루드(include)문은 반복적으로 삽입되거나, 재사용되는 코드를 불러올 때 주로 사용한다. 웹사이트나 어플을 개발하는 개발자들이 프로그램을 짤 때 이외에도 웹퍼블리셔들도 인클러드를 자주 활용한다. 웹퍼블리셔들이 include 함수를 주로 사용하는 이유는 헤더(Header), 푸터(Footer)와 네비게이션 등의 사이트 전반에 걸쳐서 공통 영역과 같이 반복되는 영역을 표현하기 위해 쓴다. 이렇게 인클루드를 사용하면, 프로젝트 진행 중 공통영역의 수정과 관리가 용이 하다는 장점이 있다. 하지만, 제목에 HTML 인클루드 하는 방법을 썼지만 HTML은 include를 지원하지 않는다. 따라서 웹서버 환경이 구축되지 않고 단순.. 2018. 12. 11.

이전 1 ··· 14 15 16 17 다음

티스토리툴바