display 속성

display: inline  기본값으로, 요소를 inline 요소처럼 표시합니다. => 앞뒤로 줄바꿈 되지 않습니다.

display: block  요소를 block 요소처럼 표시합니다. => 따라서 요소 앞 뒤로 줄바꿈 됩니다

display: none 박스가 생성되지 않습니다. => 따라서 공간을 차지하지도 않습니다.

display: inline-block 요소는 inline인데 내부는 block 처럼 표시함.  => 즉, 박스 모양이 inline 처럼 옆으로 늘어섬.

visibility 속성

visibility: visible  기본값으로 요소가 그대로 보입니다.visibility: hidden  요소가 보이지 않지만, 여전히 그 공간을 차지하며 투명하게 남습니다.

visibility: collapse <table> 태그에서만 사용할 수 있는 값으로, 선택 테이블의 행과 열을 숨깁니다.

하지만 여전히 투명하게 공간을 차지 합니다. 

<table> 이외에서 사용하면 hidden 상태처럼 만듭니다. 

(collapse는 IE, Firefox에서만 작동)

참고 : http://aboooks.tistory.com/85

1. 문제 발생 (예제)

1000px 로 설정한 div를

다시 150px, 700px, 150px 로 나누고

안쪽의 div에는 display: inline-block 속성을 주었는데

맨 오른쪽 div 영역이 아래쪽으로 밀려내려감

*** div의 padding과 margin, border는 모두 0px 이었음

2. 원인

<div> 태그 등으로 다른 태그들을 묶어주는 경우,

div 태그 또한 inline-element로 인식을 하기 때문에

div들끼리 마주하는 부분에서 여백이 생김

div 뿐만아니라, span도 마찬가지

3. 해결 방법

1)

.container { // 부모 랩퍼

...

font-size: 0px;

letter-spacing: 0px;

word-spacing: 0px;

}

.container > div { // 간격이생기던 엘리먼트

...

font-size: 15px;

letter-spacing: 1em;

word-spacing: 2em;

}

감싸고 있는 div에 font-size, letter-spacing, word-spacing을 0px로 줄임 ->

안쪽의 div에서 복구.

2)

.container > div { // 간격이생기던 엘리먼트

...

float:left;

}

참고

http://comajava.blogspot.kr/2013/12/display-inline-block-width-margin-css.html

Let's Others 님이 제작 배포하신 warning 우회 프로그램 mWeb 을 

Mac에서도 사용 가능하도록 패키지 하였습니다.

Wine Bottler로 패키징 하느라 파일이 많이 커졌습니다. (어쩔 수 없어요 ..)

다운로드 받은 파일는 7z파일로 keka등의 압축프로그램을 통해 압축해제후 사용이 가능합니다.

원작자님 페이지는 http://letsothers.tistory.com/

다운로드

https://drive.google.com/file/d/0B2IXwZh7uZaZSlcwNUxmTGhwclU/view?usp=sharing

사용법은 아래를 참조하시기바랍니다.

먼저 실행하면 보게되는 화면에서 중지를 먼저 누른후

시스템 프록시 설정은 자동으로 안되므로 해제

빈포트번호 자동으로찾기는 매번 바뀌지않게 체크해제하고 고정하면 편했습니다.

본인의 프록시 포트는 적어주세요

맥 설정에 들어갑니다

네트워크 설정에 들어갑니다

이더넷의 고급설정에 들어갑니다.

프록시  탭을 엽니다.

웹프록시를 선택하시면

위와같은 설정이 가능한데요,

주소(127.0.0.1)는 그대로 두시고 포트번호(65535)부분 만 

본인의 프록시 포트번호로 수정하신후

승인을 눌러주세요.

확인은 직접 해보시기 바랍니다.

El Capitan 에서 정상작동함을 확인했습니다.

안녕하세요 상구너 (구: smokingbird) 입니다.

갑작스럽게 블로그에 광고가 보이고, 

인한사전에도 광고가 삽입되는 모습에 많이들 놀라시거나, 보기 불편하기도 하실거라 생각합니다.

상구너는 월급쟁이 개인 개발자이다보니,

서버를 구입하거나 데이터들을 구입하고 서비스하는데 드는 비용을

더이상 무시하긴 어려워서 웹 서비스에서는 광고를 달아서 그 수익으로 서버를 구입하고 운영하자

라는 취지에서 광고를 내보내기 시작했습니다.

수익이 많지 않더라도, 인한사전 같은 공익(?) 프로젝트는 계속 이어나갈 생각이구요,

앞으로 더 많은  어플리케이션들로 여러분들께 보답하겠습니다.

인한사전을 개발하면서 정말 많은 분들께 응원을 받았었습니다.

앞으로도 열심히 노력하는 개발자 되겠습니다!

앞으로 있을 많은 개발을 위해 상구너에게 도움이 되어주실분들께서는

이 글 에 댓글이나 

제 이메일 sknah0319@gmail.com

그리고 아래 계좌번호

1002-483-002790   (우리은행 나상권)

476502-04-133114 (국민은행 나상권)

를 통해

후원 부탁드립니다.

항상, 잘 사용해주셔서 감사합니다.

더열심히 노력하는 모습, 그리고 발전된 모습으로 찾아뵙겠습니다.

감사합니다.

안녕하세요. 상구너 (구. smokingbird) 입니다.

InKrKamus에 신경을 많이 쓰지 않고있다보니. 웹상에선, 거의 사라지다시피 했더군요.

기본적으로 본 블로그에서도 다운로드는 되지만, 설치가 안되는 현상을 이제야 확인했습니다.

일단 설치프로그램을 다시 올립니다.

fi는 인니어버전입니다. 필요하신분들은 먼저 받아주시구요.

InstallIKK.exe

InstallIKKfi.exe

> 프로그래밍 처음 시작할 당시 만든 InKrKamus 는

메모리를 많이 먹게 되었었습니다. (포인터 사용 하나도 안했었음, 메모리는 쌓여만 갑니다.)

최근에는 프로젝트를 다시 생성하여, 윈도우 프로그램으로 새로 정리하여 제작하려고 생각을 했는데요,

이는 윈도우에서만 돌아가게되는듯 싶어 새로운 방법을 고안하기로 결심했습니다.

> 일단은 PC 와 안드로이드에서 실행되는 앱이 개발될것입니다.

> 7월 이전에 개발을 완료할 예정입니다.

업데이트 소식은 본 블로그에 계속 포스팅될 예정입니다.

감사합니다.

상구너 배상