K_blueprint

오늘은 23일(일요일)에 '제로베이스'에서 진행했었던'코딩테스트 정복법' 온라인 세미나 간략 정리글을 남겨보려 합니다!   해당 세미나의 진행은 아래와 같이 진행되었습니다.1부 - 국내 코딩테스트 트렌드22년~25년도 코테 기출문제로 보는 기업 코테 트렌드2부 - 백준 님의 실전 문제 풀이(3문제)격차 / 터치미션 / 자신감 점수  2부는 최백준 님의 단순 문제풀이 시간이었기 때문에1부의 내용만 정리해 보았습니다.  [1부 내용 요약]코테(코딩테스트란?)개발자를 채용하는 데에 있어 최소한의 개발 스킬인 '자료구조', '알고리즘', '코드 구현력'을 종합적으로 평가하기 위한 도구자료구조 : 데이터의 저장 방식과 저장된 자료를 효율적으로 사용하는 연산알고리즘 : 문제를 해결하기 위한 방법채용 흐름도22년도 ..

오늘은 HTML5에서 텍스트 및 박스의 그림자를 부여할 수 있는 프로퍼티에 대해서 정리해 보겠습니다.  [텍스트에 그림자 효과 부여하기] - 'text-shadow'프로퍼티를 활용해서 텍스트의 그림자 효과를 줄 수 있다.- 해당 프로퍼티를 사용하는 방법은 아래와 같다.text-shadow : __h-shadow : 원본 텍스트와 그림자 텍스트 사이의 수평 거리v-shadow : 원본 텍스트와 그림자 텍스트 사이의 수직 거리blur-radius : 그림자의 번짐(흐릿함)을 조절color : 그림자의 색none : 그림자 효과 없음 - 아래는 위의 프로퍼티를 활용한 예시 코드와 출력 결과이다. (소스코드)div.red{ text-shadow: 3px 3px red;}그림자를 보세요! (출력결과)  -..

목  차1. 웹 폼과 폼 요소(feat. 간단한 로그인 폼 만들기)2. 폼 태그3. 입력칸 만들기(텍스트, 데이터) 1. 웹 폼과 폼 요소- "웹 폼(Webform)"이란, '웹 페이지를 통해서 사용자의 입력을 받는 폼을 의미한다. 또한 이러한 폼을 만들기 위해서 사용되는 다양한 태그들을 "폼 요소(form element)"라고 한다.- 폼은 '로그인', '등록', '검색', '예약', '쇼핑' 등 "사용자의 입력을 받는 웹 서비스"라면 일반적으로 사용된다. 아래는 간단한 로그인 폼을 작성한 예시이다. 로그인을 할 수 있는 폼 입니다. User ID : User Pw :  - 기본적으로 폼 요소들은 ''태그 안에 담기게 되고, 코드 내의..

목  차 미디어의 표준화비디오 삽입( '' )오디오 삽입( '' ) 1. 미디어의 표준화- HTML5 이전에는 오디오 혹은, 비디오를 재생하기 위해 브라우저에 '플러그인(plug-in) 소프트웨어를 따로 설치해야 했지만 HTML5에서는 플러그인 없이 가능하도록 아래와 같은 태그를 표준화하였다. ※ 단, '플래시 애니메이션(.SWF)'과 같이 표준화되지 않은 미디어를 재생하기 위해서는 플러그인이 필요하며 해당 경우에는 아래와 같은 태그를 사용하게 된다.   2. 비디오 삽입( '' )- 위에서 미리 언급한 ''태그를 이용하여 브라우저에서 비디오가 재생되도록 간단한 코드를 짜보자영상출력 오류여기서 각 태그의 의미를 살펴보자면 - video : 말 그대로 비디오를 삽입하기 위해서 가장 상위에 씌워지는 태그- ..