양파개발자 SW의 블로그입니다^^
Posts
97 posts[Javascript] JQuery 를 이용한 간단한 텍스트 하이라이팅 (Text highlighting)
텍스트 하이라이팅을 하고싶을때가 있다.이를 위한 Jquery 플러그인들이 찾아보면 많이 있는데... 굳이 그거 하나를 위해서 플러그인까지 설치할 필요가 있을까? 나는 기본적으로 사용하고 있는 Jquery 라이브러리를 가지고 직접 하이라이팅 기능을 만들어 보았다.먼저, 하이라이팅 적용을 위해서는 아래의 3가지가 이루어져야 한다. 1. 하이라이트 스타일링을 어떻게 할것인가?2. 하이라이트 텍스트가 포함된 영역을 어떻게 지정할 것인가?3. 하이라이트 동작을 어떻게 적용할 것인가? 이 각각의 작업에 대해서 나는 아래와 같은 해법을 사용할 것이다. =================================================================== 1. 하이라이트 스타일링을 어떻게 할
[Python] virtualenv 로 파이썬 가상환경 설정하기
가상환경이란, 파이썬 프로젝트별로 사용하는 파이썬 버전과 라이브러리(pip 오픈소스 패키지)가 다르기 때문에,이것들을 프로젝트 단위로 효과적으로 관리하기 위한 방법이다. 일단 기본적으로 파이썬이 설치되어있어야 하고 (이건 파이썬 공식 홈페이지에서 다운받아 설치) 두번째로는 파이썬 패키지 관리툴(=pip)를 설치해야 한다.pip 는 홈페이지에서 get-pip.py 라는 스크립트를 다운받아서 직접 실행시켜주어야 한다. python3.5 get-pip.py 자 pip 설치가 끝났는가? 그럼 이제부터 virtualenv 설치를 해보자.sudo pip install virtualenv 모든 가상환경의 정보를 저장할 폴더가 생성될 path 로 이동 (주로 프로젝트 홈폴더)cd PROJECT_DIR 가상환경
[네트워크 더 쉽게, 더 깊게 #3] WAN 초보 입문
용어 DCE : Data Circuit terminating EquipmentONU : Optical Network UnitVPN : Virtual Private Network. 인터넷망에 가상적인 전용선망을 만들어내는 기술. 내용 정리 - 건물 내 장비 (액세스 라우터)- 회선 종단 장치 : WAN 과 LAN 의 전송방식 변경 (광케이블 > UTP) (ex) ONU, 모뎀, TA, DSU- 액세스 회선- WAN 중계망 * WAN이란, LAN 과 LAN 을 연결하는 광범위 대규모 네트워크다.* WAN 회선은 국가의 통신사업자 등록, 신고를 한 전기 통신 사업자가 구축 및 관리한다.* 네트워크 규모나 이용자가 늘어나면 네트워크의 연속성을 위해 WAN을 이중화로 구
[대규모 서비스를 지탱하는 기술 #1] 대규모 웹서비스 개발 오리엔테이션
이 포스팅은 "대규모 서비스를 지탱하는 기술"이라는 책을 읽고 나름대로 중요한것만 요약해본 것입니다. ============================================================================= * 스케일 아웃 : 서버대수를 늘리는 것* 스케일 업 : 하드웨어 자체 스펙을 높이는 것. - 확장성, 부하분산- 다중성 : 하나가 죽더라도 서비스는 지속되어야 한다.- 효율성 : 서버량이 늘어남에 따른 모니터링 방안, 문제 발생 시, 요소 파악 및 해결까지 걸리는 시간 단축을 위한 고민.- 개발자 및 프로젝트 관리 : 개발 표준화, 언어 & 라이브러리 통일, 코딩 컨벤션, 신입 교육?, PM …- 대용량 데이터 핸들
[Web] "별것도 아닌" 자주쓰는 간단한 CSS & Jquery Tip 모음 - 계속업뎃
주의 : 정말 별것도 아닌 CSS 팁들이 쓰여있을 수 있습니다. 이미 프론트엔드를 자유자재로 다룰줄 아는 분들은 .... 안 읽으셔도 될것 같습니다 ㅋㅋㅋ ===================================================================그럼 '정말 별것도 아닌' CSS Tips... 시작. 1. input 태그의 type=radio, name='hello', value='N' 인것의 checked 속성 제어 (by JQuery) $("input[type='radio'][name='hello'][value='N']").prop('checked', 'false') - attr() 이 아닌 prop() 를 썻다는 것에 유의.- multiple select
