전체 글 19

[CSS] 문단과 목록 스타일

- ol,ul에 스타일 주기 - HTML ul 아이템 1 ul 아이템 2 ul 아이템 3 li 아이템 1 li 아이템 2 li 아이템 3 - CSS ul { list-style: circle; } ul > li:last-child{ list-style: "🚩 " } ol { list-style: lower-alpha; } 해당 list에 list-style을 주고 원하는 값을 넣는다. (이모지도 된다는 점.) 문단 정렬 p { /* 정렬 */ text-align: left; /* 글자간 간격 */ letter-spacing: 0; /* 단어간 간격 */ word-spacing: 0; /* 라인간 간격 */ line-height: 1.5em; } 참조 제대로 파는 HTML & CSS - by 얄코

HTML & CSS/CSS 2022.08.08

[HTML] 사용자로부터 입력 받기 3

textarea - `cols` = 글자수 단위의 너비 - `rows` = 표시되는 줄 수 는 기본값을 value 속성이 아닌 컨텐츠로 입력 textarea 컨텐츠 공간에 입력 ⚠ placeholder 속성이 들어 갈 경우 컨텐츠 공간이 공백이여야 한다. -- 언어 선택 -- HTML CSS 자바스크립트 타입스크립트 select 태그 안에 option 태그가 자식으로 들어가 있는 모습이다. value는 서버로 전송 될 값이다. 현재 직업 옵션 관련 속성들 - multiple = / 다중 선택 가능, 드롭다운 대신 상자로 표시 - selected = / 선택됨 (checkbox, radio의 checked처럼) - value = / 실제로 전송될 값 - list = / 연결할 의 ID 20달러 50달러 8..

HTML & CSS/HTML 2022.07.23

[HTML] 사용자로부터 입력 받기 2

입력 요소 - HTML: Hypertext Markup Language | MDN : 입력 요소 - HTML: Hypertext Markup Language | MDN HTML 요소는 웹 기반 양식에서 사용자의 데이터를 받을 수 있는 대화형 컨트롤을 생성합니다. developer.mozilla.org - 텍스트 인풋의 속성들 - `placeholder` = 빈 칸에 보이는 안내문 - `maxlength` = 최대 길이 - `minlength` = 최소 길이 / 위반시 submit이 거부됨 - 숫자 관련 인풋 속성들 - `min` = 최소값 - `max` = 최대값 - `step` = 간격 - 체크 관련 인풋 속성들 - `checked` = 체크박스 & 라디오 / 체크됨 여부 - `name` = 라디오 /..

HTML & CSS/HTML 2022.07.22

[HTML] 사용자로부터 입력 받기

사용자로부터 입력 받기 - `` = 정보를 제출하기 위한 태그들을 포함 / autocomplete 속성: 자동완성 여부 (기본:on) - `` = 입력을 받는 요소 / type 속성을 통해 다양화 - `` = 인풋 요소마다의 라벨 / for 속성값을 인풋 요소의 id와 연결, 인풋의 클릭 영역 확장 - `` = type 속성에 submit(제출), reset(초기화), button(기본 동작 없음) - `id` 속성 : 페이지마다 고유해야 함 - `` = 폼 태그 내 입력요소와 라벨들을 그룹화 / disabled 속성 : 포함된 입력요소 비활성화 - `` = 필드셋 요소의 제목 또는 설명 참조 제대로 파는 HTML & CSS - by 얄코

HTML & CSS/HTML 2022.07.12

[HTML] 나열되는 요소들 ul, ol, li

나열되는 요소들 - ul unordered list 순서가 상관없는 리스트 사과 포도 딸기 과일의 목록처럼 순서가 의미없을 때 사용 - ol ordered list 정렬된 리스트 알파 베타 감마 그리스 알파벳처럼 순서가 의미 있을 때 사용 중요한 것은 ul, ol 태그의 1촌 자식은 오직 li만 가능하다 재료 준비 밥 계란 파 간장 파를 기름에 볶기 밥 넣고 볶기 계란을 넣고 스크램블 간장을 넣고 마저 볶아 완성 위에는 ol태그의 type과 start를 적용 안 시켰을 경우 위에는 ol태그의 type과 start를 적용 시켰을 경우 용어와 정의 나열하기 dl, dt, dd 용어 정의 1:1 또는 n:n 가능하다. 프로그래밍 컴퓨터 프로그램을 작성하는 일 넓이 광 면적 일정한 평면에 걸쳐 있는 공간이나 범..

HTML & CSS/HTML 2022.07.07

[Git] Git Clone하기

01.상황 벌써 국비학원 마지막 프로젝트다. 이전에는 Github 레포지토리에서 Download.zip으로 했다면 이번엔 명령어를 사용해서 복제하고 싶었다. 02.문제 명령어에 익숙해지고 싶은 욕심이랄까 복제 기능에 대해 들은 적이 있었고 직접 사용해보기로 했다. 03.해결 먼저 Collaborators로 넘어온 권한에 Accept한다. Github의 Organiztions로 간다. 터미널에서 Clone할 경로로 이동하고 해당 주소를 붙여 넣는다. `git clone 해당주소` 그러면 지정한 폴더 위치에 Clone 된 레포지토리를 확인할 수 있다. 그 후 사용하고자 하는 툴에 Import하면 Clone은 끝이다. 04.경험 단순히 Download.zip하여 사용하는 방법도 있지만, 명령어에 대한 효율성 ..

Git 2022.07.06