가우리
Category

Coding 최신 글

HTML, CSS, Javascript, C언어, Linux, Terminal를 직접 공부하면서 관련 강좌, 정보 및 명령어들을 공유할 예정입니다.

31 articles
HTML

당신이 사용하지 않고 있는 HTML의 5가지 주요 기능 (하지만 사용해야 할 기능들)

하지만 많은 개발자들이 이러한 기능들을 간과하고 있습니다, 비록 이들이 웹 개발 효율성과 사용자 경험을 크게 향상시킬 수 있음에도 불구하고요. 이번 글에서는 아이스버그의 나머지 부분과 HTML이 할 수 있는 것들을 보여드리겠습니다. 그럼 시작해보겠습니다! 템플릿 요소 (<template>) HTML5의 <template> 요소는 많은 개발자들이 충분히 탐색하지 않은 숨겨진 보석 중 하나입니다. React와 같은 프레임워크가 필요 없이, 이 요소는 즉시 ... <a title="당신이 사용하지 않고 있는 HTML의 5가지 주요 기능 (하지만 사용해야 할 기능들)" class="read-more" href="https://gawoori.net/%eb%8b%b9%ec%8b%a0%ec%9d%b4-%ec%82%ac%ec%9a%a9%ed%95%98%ec%a7%80-%ec%95%8a%ea%b3%a0-%ec%9e%88%eb%8a%94-html%ec%9d%98-5%ea%b0%80%ec%a7%80-%ec%a3%bc%ec%9a%94-%ea%b8%b0%eb%8a%a5-%ed%95%98%ec%a7%80/" aria-label="당신이 사용하지 않고 있는 HTML의 5가지 주요 기능 (하지만 사용해야 할 기능들)에 대해 더 자세히 알아보세요">더 읽기</a>
273 views
CSS

눈에 띄는 배너 제작에 필요한 CSS 예제

[vc_row type="full_width_background" full_screen_row_position="middle" scene_position="center" text_color="dark" text_align="left" top_padding="5%" bottom_padding="13%" id="team" overlay_strength="0.3" shape_divider_position="bottom" bg_image_animation="none" shape_type=""][vc_column column_padding="no-extra-padding" column_padding_position="all" background_color_opacity="1" background_hover_color_opacity="1" column_link_target="_self" column_shadow="none" column_border_radius="none" width="1/1" tablet_width_inherit="default" tablet_text_alignment="default" phone_text_alignment="default" column_border_width="none" column_border_style="solid" bg_image_animation="none"][vc_column_text]Overlay the image .darken { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(YOUR IMAGE HERE); } Example: http://jsfiddle.net/drpak8vy/1/ Put text in a box .text-box { background-color: rgba(0, 0, ... <a title="눈에 띄는 배너 제작에 필요한 CSS 예제" class="read-more" href="https://gawoori.net/%eb%88%88%ec%97%90-%eb%9d%84%eb%8a%94-%eb%b0%b0%eb%84%88-%ec%a0%9c%ec%9e%91%ec%97%90-%ed%95%84%ec%9a%94%ed%95%9c-css-%ec%98%88%ec%a0%9c/" aria-label="눈에 띄는 배너 제작에 필요한 CSS 예제에 대해 더 자세히 알아보세요">더 읽기</a>
228 views
CSS

웹 디자인에서 색상의 의미

[vc_row type="full_width_background" full_screen_row_position="middle" scene_position="center" text_color="dark" text_align="left" top_padding="5%" bottom_padding="13%" id="team" overlay_strength="0.3" shape_divider_position="bottom" bg_image_animation="none" shape_type=""][vc_column column_padding="no-extra-padding" column_padding_position="all" background_color_opacity="1" background_hover_color_opacity="1" column_link_target="_self" column_shadow="none" column_border_radius="none" width="1/1" tablet_width_inherit="default" tablet_text_alignment="default" phone_text_alignment="default" column_border_width="none" column_border_style="solid" bg_image_animation="none"][vc_column_text]웹 사이트의 색상을 선택한다는 것은 좋아하는 색상을 선택하여 디자인으로 바꾸는 것을 의미합니다. 사람들로부터 원하는 반응을 얻기 위해 올바른 색상을 선택하는 것을 의미합니다. 각각의 색상은 실제로  많은 차이를 만듭니다. 이것은 ... <a title="웹 디자인에서 색상의 의미" class="read-more" href="https://gawoori.net/%ec%9b%b9-%eb%94%94%ec%9e%90%ec%9d%b8%ec%97%90%ec%84%9c-%ec%83%89%ec%83%81%ec%9d%98-%ec%9d%98%eb%af%b8/" aria-label="웹 디자인에서 색상의 의미에 대해 더 자세히 알아보세요">더 읽기</a>
226 views
PHP & MySQL

[PHP] MySQL 데이터베이스 생성하기

[vc_row type="full_width_background" full_screen_row_position="middle" scene_position="center" text_color="dark" text_align="left" top_padding="5%" bottom_padding="13%" id="team" overlay_strength="0.3" shape_divider_position="bottom" bg_image_animation="none" shape_type=""][vc_column column_padding="no-extra-padding" column_padding_position="all" background_color_opacity="1" background_hover_color_opacity="1" column_link_target="_self" column_shadow="none" column_border_radius="none" width="1/1" tablet_width_inherit="default" tablet_text_alignment="default" phone_text_alignment="default" column_border_width="none" column_border_style="solid" bg_image_animation="none"][vc_column_text]PHP 5 이상은 다음을 사용하여 MySQL 데이터베이스와 작업 할 수 있습니다. MySQLi 확장 (the "i" stands for improved ) PDO (PHP Data Objects) 이전 버전의 PHP는 MySQL 확장을 사용했습니다. 그러나 이 확장 ... <a title="[PHP] MySQL 데이터베이스 생성하기" class="read-more" href="https://gawoori.net/php-mysql-%eb%8d%b0%ec%9d%b4%ed%84%b0%eb%b2%a0%ec%9d%b4%ec%8a%a4-%ec%83%9d%ec%84%b1%ed%95%98%ea%b8%b0/" aria-label="[PHP] MySQL 데이터베이스 생성하기에 대해 더 자세히 알아보세요">더 읽기</a>
237 views
PHP & MySQL

[PHP] MySQL 연결

[vc_row type="full_width_background" full_screen_row_position="middle" scene_position="center" text_color="dark" text_align="left" top_padding="5%" bottom_padding="13%" id="team" overlay_strength="0.3" shape_divider_position="bottom" bg_image_animation="none" shape_type=""][vc_column column_padding="no-extra-padding" column_padding_position="all" background_color_opacity="1" background_hover_color_opacity="1" column_link_target="_self" column_shadow="none" column_border_radius="none" width="1/1" tablet_width_inherit="default" tablet_text_alignment="default" phone_text_alignment="default" column_border_width="none" column_border_style="solid" bg_image_animation="none"][vc_column_text]PHP 5 이상은 다음을 사용하여 MySQL 데이터베이스와 작업 할 수 있습니다. MySQLi 확장 (the "i" stands for improved ) PDO (PHP Data Objects) 이전 버전의 PHP는 MySQL 확장을 사용했습니다. 그러나 이 확장 ... <a title="[PHP] MySQL 연결" class="read-more" href="https://gawoori.net/php-mysql-%ec%97%b0%ea%b2%b0/" aria-label="[PHP] MySQL 연결에 대해 더 자세히 알아보세요">더 읽기</a>
227 views
PHP & MySQL

[PHP] MySQL 데이터베이스

[vc_row type="full_width_background" full_screen_row_position="middle" scene_position="center" text_color="dark" text_align="left" top_padding="5%" bottom_padding="13%" id="team" overlay_strength="0.3" shape_divider_position="bottom" bg_image_animation="none" shape_type=""][vc_column column_padding="no-extra-padding" column_padding_position="all" background_color_opacity="1" background_hover_color_opacity="1" column_link_target="_self" column_shadow="none" column_border_radius="none" width="1/1" tablet_width_inherit="default" tablet_text_alignment="default" phone_text_alignment="default" column_border_width="none" column_border_style="solid" bg_image_animation="none"][vc_column_text]PHP를 사용하면 데이터베이스에 연결하고 데이터베이스를 조작 할 수 있습니다. MySQL은 PHP에서 가장 많이 사용되는 데이터베이스 시스템입니다. MySQL이란 무엇입니까? MySQL은 웹에서 사용되는 데이터베이스 시스템입니다. MySQL은 서버에서 실행되는 데이터베이스 시스템입니다. MySQL은 ... <a title="[PHP] MySQL 데이터베이스" class="read-more" href="https://gawoori.net/php-mysql-%eb%8d%b0%ec%9d%b4%ed%84%b0%eb%b2%a0%ec%9d%b4%ec%8a%a4/" aria-label="[PHP] MySQL 데이터베이스에 대해 더 자세히 알아보세요">더 읽기</a>
254 views
Coding

[자바스크립트] 28. 문자열에 변수 추가

Appending Variables to Strings 가끔씩 Mad Libs 스타일의 문자열을 만들어야합니다. 연결 연산자 (+)를 사용하여 빌드중인 문자열에 하나 이상의 변수를 삽입 할 수 있습니다. 연습 myName을 자신의 이름과 같은 문자열로 설정하고 "My name is " 그리고 " and I am well!"문자열 사이에 myName으로 myStr을 빌드하십시오. // Example var ourName = "freeCodeCamp"; var ourStr = "Hello, our name ... <a title="[자바스크립트] 28. 문자열에 변수 추가" class="read-more" href="https://gawoori.net/%eb%ac%b8%ec%9e%90%ec%97%b4%ec%97%90-%eb%b3%80%ec%88%98-%ec%b6%94%ea%b0%80/" aria-label="[자바스크립트] 28. 문자열에 변수 추가에 대해 더 자세히 알아보세요">더 읽기</a>
333 views
C Linux & Terminal

웹 사이트 IP 주소를 찾는 방법

웹 사이트 또는 도메인 URL의 숫자 IP 주소를 찾는 것은 매우 쉽습니다. nslookup이라는 터미널 유틸리티를 사용하면 이 명령을 사용하여 특정 IP로 해석되는 도메인을 찾아 낼 수 있습니다. 이 기능은 OS X을 사용하는 Mac에서도 작동하지만 다른 유닉스 버전에서나 Windows DOS에서도 작동합니다. nslookup으로 웹 사이트 / 도메인 관련 IP 주소 찾기 Mac 또는 Linux 컴퓨터에서 시작하려면 새 ... <a title="웹 사이트 IP 주소를 찾는 방법" class="read-more" href="https://gawoori.net/%ec%9b%b9-%ec%82%ac%ec%9d%b4%ed%8a%b8-ip-%ec%a3%bc%ec%86%8c%eb%a5%bc-%ec%b0%be%eb%8a%94-%eb%b0%a9%eb%b2%95/" aria-label="웹 사이트 IP 주소를 찾는 방법에 대해 더 자세히 알아보세요">더 읽기</a>
695 views
C Linux & Terminal

ifconfig (8) – Linux 매뉴얼 페이지

ifconfig(8) BSD System Manager's Manual ifconfig(8) NAME ifconfig -- configure network interface parameters SYNOPSIS ifconfig [-L] [-m] [-r] interface [create] [address_family] [address[dest_address]] [parameters] ifconfig interface destroy ifconfig -a [-L] [-d] [-m] [-r] [-u] [-v] [address_family] ifconfig -l [-d] [-u] [address_family] ifconfig [-L] [-d] [-m] [-r] [-u] [-v] [-C] ifconfig interface vlan vlan-tag vlandev iface ifconfig ... <a title="ifconfig (8) – Linux 매뉴얼 페이지" class="read-more" href="https://gawoori.net/ifconfig-8-linux-%eb%a7%a4%eb%89%b4%ec%96%bc-%ed%8e%98%ec%9d%b4%ec%a7%80/" aria-label="ifconfig (8) – Linux 매뉴얼 페이지에 대해 더 자세히 알아보세요">더 읽기</a>
323 views
C Linux & Terminal

isalnum (3) – Linux 매뉴얼 페이지

이름 isalnum, isalpha, isascii, isblank, iscntrl, isdigit, isgraph, islower, isprint, ispunct, isspace, isupper, isxdigit - 문자 분류 루틴 개요 #include < ctype.h > int isalnum (int c ); int isalpha (int c ); int isascii (int c ); int isblank (int c ); int iscntrl (int c ); int isdigit (int c ); int isgraph ... <a title="isalnum (3) – Linux 매뉴얼 페이지" class="read-more" href="https://gawoori.net/isalnum-3-linux-%eb%a7%a4%eb%89%b4%ec%96%bc-%ed%8e%98%ec%9d%b4%ec%a7%80/" aria-label="isalnum (3) – Linux 매뉴얼 페이지에 대해 더 자세히 알아보세요">더 읽기</a>
419 views
1 2 … 7