Webi Blog

웹아이에서 운영되고 있는 블로그입니다.

2018/07 16

CSS의 기초_첫번째

안녕하세요 웹아이 입니다. 오늘은 CSS (Cascading Style Sheet)에 대해 간단히 설명해 보겠습니다. HTML과 CSS?? HTML이 텍스트나 이미지, 표 같은 각 요소를 이용하여 웹 문서에 뼈대를 만드는 것이라고 한다면, CSS는 텍스트의 색상이나 크기, 이미지 크기나 위치, 표의 색상 등 웹 문서의 디자인 요소를 담당하는 것입니다. 쉽게 말해 웹페이지의 인테리어라고 이해하시면 될것 같네요!~~ CSS는 다음과 같이 태그 안에 넣어서 사용이 가능합니다. 하지만 저렇게 태그안에 넣지 않고 선택자를 이용해서 사용해주는 경우가 많습니다. 왜 그렇게 사용해야할까요? 1. 웹 문서의 디자인과 내용을 분리할 수 있습니다. 내용을 건드리지 않고 스타일 시트를 이용해 디자인만 변경해서 완전히 다른 느..

Web/CSS 2018.07.04

파비콘 만드는 법 | 이미지 파일을 ico 파일로 변환 방법

안녕하세요 웹아이_디혜입니다:D 파비콘?? 파비콘이 뭔지도 몰랐던 저... 그런데 이제 파비콘 만드는 법까지 포스팅하는 날이 오네요 파비콘은요 조기 보이시는거 저겁니다..ㅋㅋㅋ 만드는 방법은 생각보다 아주 간단해요!! 일단 만들고 싶은 이미지를 16*16px로 만들어 줍니다. 저는 포토샵에서 했어요. 이렇게 16*16px로 새창을 열고 파비콘 만들 이미지를 그려주거나 불러와줍니다. 저는 고양이 발바닥으로 할거에요 요런식으로 작은 이미지를 만들어줍니다. (참고로 배경 투명하게 해도 가능하답니다.^^) 웹으로 저장 (Ctrl + Shift + Alt + S) 을 해줍니다. 저는 PNG로 저장했어요. 이렇게 만든 후 ico파일로 변환해주는 사이트에 들어갑니다. www.convertico.com 저기 동그라미 ..

Web/Design 2018.07.03

집에서 웹서버 운영 쉽잖아?? | 윈도우 WAMP 설치 방법!!

집에 있는 컴퓨터로 웹서버를 손쉽게 만들 수 있다는 사실을 아시나요?? 네 제가 알려드리겠습니다.!! 어렵지 않으니 아래 동영상을 보시면서 따라하시면 되요!~^^ 설치는 잘 하셨나요? 처음 찍은 동영상이다 보니 부족한 부분이 많이 보입니다.ㅠ 점점 더 좋아 질꺼라 기대하고 있어요... 알고 싶은게 있으시면 댓글로 남겨주세요. 제가 아는거라면 강좌 만들어 보겠습니다.^^ 감사합니다.~~~

Server 2018.07.03

PHP 구문이 화면에 그대로 출력될 경우 해결 방법!!

서버이전을 하거나 PHP를 새로 설치했을 경우 모든걸 마치고 홈페이지로 접속하는 순간....... PHP 코드들이 똻~~~~~~ 멘붕이 오져..ㅎㅎㅎ 저도 가끔 멘붕이 옵니다... 그럴땐 정신을 차리고!!! 빨리 Putty 접속!!! php.ini 파일을 vi에디터로 열구요~~~ 경로는 다를수 있어요..ㅎㅎ 저같은 경우는 /etc/php.ini 랍니다.. 파일을 여셨으면 /short_open_tag 라고 쳐서 찾아냅니다.... 분명히 short_open_tag = Off 라고 되있으실꺼에요 꼭 그렇게 되어있으셔야하는데..... 이부분을 short_open_tag = On 으로 수정하시면 되요... 이런 문제가 발생하는 이유는.....

Web/PHP 2018.07.02

mysql에 중복을 방지할 수 있는 데이터 타입이 있나요???

Q. INT, DAT, TEXT등등 있잖아요. 저는 회원의 이메일 정보를 입력 받을건데요. 이메일이 중복되는지 확인하고 입력 받기도 하지마, 원래부터 그런 기능이 있는 필드의 데이터 종류가 있는지요... A. 데이터 종류에는 중복방지 필드 타입은 없습니다. 다만 인덱스 설정하는게 있는데 primary, unique, index, fulltext가 있습니다. primary : 중복데이터일 경우 입력 안됩니다. 값이 반드시 들어가야 합니다. (not null) unique : primary와 같은 기능이지만 빈값을 허용합니다. (null) index : select를 빠르게 하기 위한 색인 기능 fulltext : select시 % 검색과 비슷한 기능으로 단어단위로 검색가능하도록 설정해줍니다.

Kin 2018.07.02

랜딩 사이트 디자인 시 작업 사이즈

Q. 랜딩페이지로 디자인을 하려고 하는데 한 화면에 꽉차게 보여지려면 포토샵에서 작업할 때 가로 사이즈 몇으로 해야 할까요? A. 이미지 사이즈가 딱히 정해져있거나 하진 않습니다. 하지만 요즘 큰 모니터 해상도가 대부분 1920px이기 때문에 꽉 찬 화면으로 작업할때는 1920px로 작업하는 경우가 많습니다. 그 이상 해상도까지 커버하려고 더 큰 이미지를 사용할 경우 이미지 용량이 커져 로딩하는데 느려질 수 있습니다.

Kin 2018.07.02