Articles for category: Coding

2024-11-01

Brandon

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

하지만 많은 개발자들이 이러한 기능들을 간과하고 있습니다, 비록 이들이 웹 개발 효율성과 사용자 경험을 크게 향상시킬 수 있음에도 불구하고요. 이번 글에서는 아이스버그의 나머지 부분과 HTML이 할 수 있는 것들을 보여드리겠습니다. 그럼 시작해보겠습니다! 템플릿 요소 (<template>) HTML5의 <template> 요소는 많은 개발자들이 충분히 탐색하지 않은 숨겨진 보석 중 하나입니다. React와 같은 프레임워크가 필요 없이, 이 요소는 즉시 페이지에 렌더링되지 않는 HTML 콘텐츠를 담는 용기로 사용됩니다. 대신, 이 콘텐츠는 나중에 JavaScript를 통해 DOM에 복제되어 삽입될 수 있습니다. 동적으로 콘텐츠를 렌더링해야 하는 상황, 예를 들어 단일 페이지 애플리케이션(SPA)이나 여러 번 재사용되는 컴포넌트에 이상적입니다. 작동 방식은 다음과 같습니다: <template id="card-template"> <div class="card"> <img src="" alt="Image"

2019-11-09

Brandon

눈에 띄는 배너 제작에 필요한 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, 0, 0.5); color: #fff; display: inline; padding: 10px; } Example: http://jsfiddle.net/qg83m36p/ Floor fade .floor-fade { background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6) ), url(YOUR IMAGE HERE); } Example: http://jsfiddle.net/gRzPF/409/[/vc_column_text][/vc_column][/vc_row]

2019-11-09

Brandon

웹 디자인에서 색상의 의미

[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]웹 사이트의 색상을 선택한다는 것은 좋아하는 색상을 선택하여 디자인으로 바꾸는 것을 의미합니다. 사람들로부터 원하는 반응을 얻기 위해 올바른 색상을 선택하는 것을 의미합니다. 각각의 색상은 실제로  많은 차이를 만듭니다. 이것은 각 색상 뒤에 심리적 영향이 있기 때문에 발생합니다. 빨강색은 힘, 열정, 힘 및 흥분이 전달되기를 원할 때 사용하기에 좋은 색상입니다. 밝은 톤은 더 활기차고 어두운 색조는 더 강력하고 우아합니다. 주황색은 빨간색만큼 강력하지 않고주의를 끕니다. 명랑 함과 창의성을 의미합니다. 오렌지는 친근감, 자신감, 용기와 관련이 있습니다. 노랑색은

2019-05-07

Brandon

[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 확장을 사용했습니다. 그러나 이 확장 프로그램은 2012년 이후 사용되지 않습니다. MySQLi 또는 PDO를 사용해야합니까? 짧은 대답이 필요한 경우 "당신이 좋아하는 아무거나"가 됩니다. MySQLi와 PDO 모두 장점이 있습니다. PDO는 12 개의 다른 데이터베이스 시스템에서 작동하지만 MySQLi는 MySQL 데이터베이스에서만 작동합니다. 따라서 다른 데이터베이스를 사용하도록 프로젝트를 전환해야하는 경우 PDO는 프로세스를 쉽게 만듭니다. 연결 문자열과

2019-05-07

Brandon

[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 확장을 사용했습니다. 그러나 이 확장 프로그램은 2012년 이후 사용되지 않습니다. MySQLi 또는 PDO를 사용해야합니까? 짧은 대답이 필요한 경우 "당신이 좋아하는 아무거나"가 됩니다. MySQLi와 PDO 모두 장점이 있습니다. PDO는 12 개의 다른 데이터베이스 시스템에서 작동하지만 MySQLi는 MySQL 데이터베이스에서만 작동합니다. 따라서 다른 데이터베이스를 사용하도록 프로젝트를 전환해야하는 경우 PDO는 프로세스를 쉽게 만듭니다. 연결 문자열과

2019-05-07

Brandon

[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은 소형 및 대형 애플리케이션 모두에 이상적입니다. MySQL은 매우 빠르고 안정적이며 사용하기 쉽습니다. MySQL은 표준 SQL을 사용합니다. MySQL은 여러 플랫폼에서 컴파일됩니다. MySQL은 무료로 다운로드하여 사용할 수 있습니다. MySQL은 Oracle Corporation에서 개발, 배포 및 지원합니다. MySQL은 공동 설립자 Monty Widenius의 딸 이름을 따서 명명되었습니다. My MySQL 데이터베이스의

2019-02-12

Brandon

[자바스크립트] 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 is " + ourName + ", how are you?"; // Only change code below this line var myName; var myStr; // Example var ourName = "freeCodeCamp"; var ourStr = "Hello, our name is " + ourName + ", how are you?"; // Only change code

2019-01-30

Brandon

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

웹 사이트 또는 도메인 URL의 숫자 IP 주소를 찾는 것은 매우 쉽습니다. nslookup이라는 터미널 유틸리티를 사용하면 이 명령을 사용하여 특정 IP로 해석되는 도메인을 찾아 낼 수 있습니다. 이 기능은 OS X을 사용하는 Mac에서도 작동하지만 다른 유닉스 버전에서나 Windows DOS에서도 작동합니다. nslookup으로 웹 사이트 / 도메인 관련 IP 주소 찾기 Mac 또는 Linux 컴퓨터에서 시작하려면 새 터미널 창을 열고 다음 명령을 입력하십시오. nslookup google.com 'google.com'을 IP를 찾는 데 관심있는 도메인으로 바꿉니다. 그러면 다음과 같이 출력됩니다. $ nslookup google.com Server: 192.168.0.105 Address: 192.168.0.105#74 Non-authoritative answer: Name: google.com Address: 74.125.127.147 'non-authoritative answer'은 아래의 해결 IP 주소로 문의된 웹 사이트 또는 URL의 원래 도메인

2019-01-30

Brandon

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 interface -vlandev iface ifconfig interface bonddev iface ifconfig interface -bonddev iface ifconfig interface bondmode lacp | static DESCRIPTION The ifconfig utility is used to assign an address to a network interface and/or configure network interface parameters. The following options are available: address For the DARPA-Internet

2018-12-19

Brandon

c linux gawoori

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 (int c ); int islower (int c ); int isprint (int c ); int ispunct (int c ); int isspace (int c ); int isupper (int c ); int isxdigit (int c ); glibc에 대한 기능 테스트 매크로 요구 사항 ( feature_test_macros (7) 참조) :