내 책상 서랍 위 내 책상 서랍 위

분류 전체보기

• CSS 초기화(reset.css)

  학습/CSS 2022. 3. 2. 14:45

  브라우저에 기본적으로 생기는 여백이나 ul, li태그 앞에 생기는 목록 점이나 하이퍼링크 걸린 글자에 밑줄이나 텍스트의 기본 파란색 컬러를 초기화 시켜주는 문서입니다. 1️⃣ 이 사이트에서 reset 문서를 다운 받은 후 https://cssdeck.com/blog/ 2️⃣ 웹 편집기에서 title 밑에 문서를 연결 해주면 완료입니다.

  Read More
• CSS 자손, 후손 선택자

  학습/CSS 2022. 3. 1. 23:28

  1️⃣ id 2️⃣ class 3️⃣ tag 4️⃣ a > b(자손) 5️⃣ a b(후손) 6️⃣ :link, :visited 7️⃣ :hover, :active 8️⃣a, b, c, d(그룹선택자)

  Read More
• CSS 기초

  학습/CSS 2022. 2. 28. 14:46

  1️⃣ CSS (Cascading Sytle Sheets의 약자) - 폰트 종류와 크기, 여백, 글자색, 배경색, 정렬 등을 지정하는데 사용합니다. - 애니메이션이나 레이아웃을 짜는데 쓰기도 합니다. 2️⃣ CSS의 특징 일관성 유지 및 작업시간 단축 (서식 한꺼번에 변경) 수정 및 관리 용이 적은 용량과 이해하기 쉬운 구조 테이블 코딩에 비해 50%정도 코드 절약 다른 사용자 환경에서도 동일한 형태의 문서 (웹표준에 맞는) 1966년에 첫 발표 후 현재 CSS3까지 나옴 사이에 을 넣고 스타일 안에 표기 class 선택자는 원하는 곳 여러군데 반복해서 사용 가능 id 선택자는 중복 안됨 tag 선택자는 따로 설정해주지 않아도 바로 적용가능 font-family에서 대체글꼴 3가지 정도 넣음 css 주석..

  Read More
• 취준생의 면접 복기 ep1.

  기록 2022. 2. 27. 14:45

  ✓ 필자는 UIUX 디자이너에서 국비지원으로 학원을 다닌 후 퍼블리셔로 취업이 목표이니 참고 바랍니다. ✓ 최종 목표는 풀스택 개발자라서 취업 후 프론트엔드, 백엔드 공부를 점차적으로 계속 해 나갈 것이고 ✓ 퍼블리셔로 경력을 어느정도 쌓은 후 프론트엔드로 이직 할 계획입니다. 1월에 6개월간의 학원 과정을 수료 후 취준과 2월 말에 있는 자격증 시험 준비를 함께 하였습니다. 학원이 끝난 후 바로 서류를 넣기 시작했는데 1월달까지는 아무런 연락이 없어서 낙담하고 있다가 2월 설 이후부터 연락이 점차적으로 오기 시작했습니다. (이하 내용 편하게 작성하겠습니다.) 1️⃣ 2월 8일 면접 - 면접관 2명에 면접자 1명(본인)으로 1시간 가량 진행 - 한 분은 아이스브레이킹 및 분위기 메이커, 한 분은 CTO라..

  Read More
• HTML <form>태그, <input>, <button>

  학습/HTML 2022. 2. 24. 15:03

  * get(소량) - 보안에 취약하며 과거엔 많이 썼는데 지금은 잘 쓰지 않습니다. * post(대량) - 보안에 강합니다. 1️⃣ 텍스트 박스 텍스트 입력이 가능한 박스가 생깁니다. 2️⃣ 패스워드 박스 입력된 내용이 원이나 별표로 마스킹 처리 됩니다. 3️⃣ 라디오 버튼 동그란 원형으로 선택 가능한 버튼이며 단 하나만 선택 가능합니다. 태그 안에 name 속성값을 꼭 같게 넣어줘야합니다. 4️⃣ 체크박스 중복선택 가능한 네모 선택 박스입니다. 5️⃣ 선택목록 Family site 박스를 만들 때 주로 쓰이며 드롭다운으로 선택영역이 구현됩니다. ← 이 예시는 맥OS에서 작업된 것이기에 윈도우에서는 다르게 보일 수 있습니다. 6️⃣ 다중 텍스트 박스 직접 여러줄의 텍스트를 입력하는 텍스트 박스입니다. 생..

  Read More
• 뮤지컬 위키드 'Defying Gravity'

  기록 2022. 2. 24. 00:36

  https://youtu.be/4CVKH6jqXbE 힘들때 에너지 충전하려고 보는 영상 중 하나. 심적으로 최악을 찍었던 작년에 참 많은 위로를 주었던 이 노래는 위키드 넘버 중 가장 유명한 넘버. 옥파바 정린다 라인업 티켓팅에 성공해서 작년에 직관했을 때에도 내 눈물버튼이었다. 내 스스로가 만든 벽을 내가 얼마나 깨고 싶어했는지, 벽을 깨기 위해 얼마나 많은 시간을 울었어야 했는지.

  Read More
• HTML 이미지맵

  학습/HTML 2022. 2. 23. 16:51

  하나의 이미지를 분할해서 하이퍼링크(a 태그)를 거는 것으로 이미지를 분할할때는 포토샵에서 windos > info 들어가서 마우스 올린 뒤 xy 좌표값 알아내면 됩니다. 2️⃣ 작성법 2️⃣ 예시

  Read More
• HTML 모달창 만들기 공식

  학습/HTML 2022. 2. 21. 22:03

  모달창은 열려있는 브라우저 위로 새로운 레이어를 까는 것을 뜻합니다. 그래서 팝업창과 다르게 opacity가 들어간 어두운 배경이 기본적으로 깔립니다. 1️⃣ 모달창의 내용 위치는 어디에도 좋습니다. body 안에만 들어가 있으면 됩니다. 2️⃣ 기본 내용은 이러합니다. 어두운 배경이 될 div 안에 내용이 들어갈 div가 들어가고 p태그로 내용을 넣어주었습니다. 텍스트 내용은 ul, li로 하셔도 무방합니다. 닫기 버튼도 input이 아닌 다른걸로 넣어주셔도 됩니다. 3️⃣ css 서식 배경이 될 modal에 position:fixed로 위치를 고정시켜줍니다. 사이즈도 100%는 필수입니다. 배경컬러는 뒤에 기존 브라우저가 살짝 보이게 opacity값을 넣어주세요. z-index는 현 브라우저보다 위에..

  Read More