전체 글

[html] MDN 정리1

HTML Element의 구조 content 단일태그 : 속성 요소-속성, 속성-속성 사이 공백 속성 다음엔 등호(=) 속성값은 " "로 감싸기 생략 가능 but 오류 야기 ' ' & " " : 모두 가능하지만 혼용X 특수문자 표시에는 HTML entities 사용 bool 속성 : 값이 없는 속성, 속성의 이름과 동일한 하나의 값만 가질 수 있음 속성 사용 태그 역할 속성 사용 태그 역할 href 웹주소로 연결 title 링크에 대한 추가정보 target _blank: 새탭에서 열기 disabled bool 입력 비활성화 lang , 언어 설정 블럭 레벨 vs 인라인 블록레벨 줄바꿈 구조적 요소를 나타냄 단락, 목록, 네비게이션 메뉴, 꼬리말 표현 중첩 : 블록 ⊃ 블록 / 인라인 !⊃ 블록 인라인 항..

[Programming] 쉽게 풀어쓴 C언어 Express 8장 풀이

01. 주어진 실수를 제곱하여 반환하는 함수 double square(double)을 작성한다. square() 함수를 테스트하는 프로그램을 작성하라. Hint : double형을 입력받을 때는 scanf("%lf", &x)를 사용한다 #include #pragma warning (disable:4996) double square(double x) { return x * x; } int main() { double x; printf("정수를 입력하시오: "); scanf("%lf", &x); printf("주어진 정수 %lf의 제곱은 %lf입니다.\n", x, square(x)); } 02. 전달된 문자가 알파벳 문자인지 아닌지를 검사하는 함수 check_alpha()를 작성하고 이것을 호출하여서 사용자..

[JS 클론코딩] 노마드코더 JS크롬앱만들기

console.log("str"); console에 괄호 안의 내용 출력 MDN Mozilla Developer Network VS Code 단축키 다중선택 Alt + Click Shift + Alt + 드래그 Alt + Click -> Shift + 방향키 변수 const a : 상수, 변경 불가 //default let a : 변경 가능 //업데이트가 필요한 경우 var : 구버전, 변경에 대한 규칙X, 비추천 데이터 타입 boolean : true, false null :없다, 비어있음을 명시 undefined : 정의되지 않음 배열 const name = [1 ,null ,true ,"hi" ]; 데이터 타입 상관X .push() : 배열 추가 오브젝트 const player = { name: "..

[CSS] 생활코딩 반응형 디자인, 미디어쿼리, CSS 파일

반응형 디자인 (responsive design) 화면 크기에 따라 웹 페이지 각 요소가 최적화되는 디자인 미디어 쿼리 조건문 CSS @media(min-width:800px) { } 중복제거 : CSS 파일 *

[CSS] 생활코딩 box model : block, inline, div, span, grid

*주석 : /* */ *element = tag 태그 별로 화면에서 차지하는 크기에 따라 기본값 구분 1. block 화면 전체를 차지 2. inline 필요한 자신의 부피만 차지 display block 변경 inline none 숨기기 타이핑 줄이기 같은 내용의 스타일 적용 : 콤마로 잇기 같은 속성의 세부 옵션 : 속성 뒤에 순서없이 작성 주요 CSS 속성 border 테두리 padding 안쪽 여백 margin 바깥 여백 width 크기 display 화면 차지 공간 div division 무색무취, 아무런 용도 없이 디자인 용도로만 사용 block : 화면 전체 사용, 줄바꿈 span div와 같이 디자인 용도 inline level element grid display: gird; gird-t..

[CSS] 기초 복습 : id, class,

- 디자인에 관한 정보만 지님 1. style 태그를 쓴다 - 에 작성 - a { color:red; } - 중복된 제거 a : 선택자 { } : 선언자 color : 속성 red : value 2. style 속성을 쓴다 - 태그 안에 작성 : 단락 위에 여백 삽입 : 크기 조정 id #id : 최우선 선택자 단 한번만 등장해야 함 구체적, 예외적 #id ul : id div 아래 ul에만 적용시키도록 설정 class .class : 선택자 : 여러개의 속성 값 가능, 띄어쓰기 구분 여러개의 선택자를 통해 공동 제어 가능 중간 우선순위 : body와 가까이 있는 명령이 우선순위 태그 선택자 우선순위 가장 낮음 가장 마지막 등장하는 선택자가 우선순위가 높음

[HTML] 기초 복습

닫을 필요 없는 경우 : *로 표시 1. * : html로 구성된 웹임을 알려줌 2. : head와 body를 묶음 3. : 본문을 설명하는 묶음 : 웹페이지의 제목 * : UTF-8 방식으로 해석되어야 함을 알려줌 : CSS를 포함하는 태그 4. : 본문 묶음 ~ : Heading, 제목 : 단락 : 굵게, 두껍게 강조 : 밑줄 강조 : 글씨 설정 관련 태그 : anchar, 링크 herf=" " HyperText Reference, 주소 target=" " 페이지 열리는 속성 _blank : 새창에서 title=" " 이미지 내용 설명 * : 줄바꿈 * : 이미지 5. : 주석처리

[Linux] 흐름제어(if-else, for, case, select, while, until), Exit Status, 조건검사, 파일속성검사, 정수조건검사, 문자열비교

※ Linux Fundamentals 교재를 참고하였습니다! if / else if condition then statements [elif condition then statements] [else statements] fi [condition] ; boolen이 아니라 실행가능 명령 정상 실행 : 참 실행 오류 : 거짓 한줄에 적을 경우 if condition; then; statement Exit Status UNIX 명령어는 실행 후 하나의 정수 반환 exit code 정상종료 = 0 오류 = 0이 아닌 값 조건 검사 명령 [ ... ] : 하나의 명령, 참이면 exit status 0, 아니면 1 괄호 사이는 반드시 공백문자 문자열 비교, 파일 속성 검사 [ string1 == string2 ]..

[Linux] 쉘 프로그래밍, 문자열 연산, 명령어 대입

※ Linux Fundamentals 교재를 참고하였습니다! 쉘 프로그래밍 : 리눅스 명령어를 사용하여 일정 동작을 수행하도록 쉘 스크립트 작성 쉘 스크립트 리눅스 명령어 포함 소스파일 shell에 의해 해석/실행 쉘 스크립트 작성 vi 또는 gedit 으로 작성 작성한 스크립트파일에 실행 권한 추가 (chmod) 쉘 스크립트 실행 $bash script-name : 쉘 프로그램 명시 $ ./script-name : 절대경로명 입력 exit 필요 $ . ./script-name : . = 현재 shell 실행명령, 이후는 경로명(pwd) $ source script-name : 현재 dir, 현재 shell에서 실행 스크립트 파일 디렉토리를 PATH 환경병수에 추가 $export PATH=$PATH:~/..

[Linux] 파일보안

※ Linux Fundamentals 교재를 참고하였습니다! 파일 파일 소유권 리눅스 모든 파일에는 소유자와 소유그룹 부여 chgrp [group name] [file name] : 소유그룹 변경 chown [user name] [file name] : 소유자 변경 chown [user name]: [group name] [file name] : 소유자와 그룹 동시에 변경 파일 종류 파일정보의 첫문자 파일종류 - 일반파일 d 디렉토리 파일 접근 권한 사용자 : 그룹 : 기타사용자 3문자씩(rwx) 표현 r 파일 내용 읽기(cat) 디렉토리 내용 읽기(ls) w 파일 내용 추가/삭제/갱신 디렉토리내 파일 생성 가능 x 파일 실행 디렉토리 진입(cd) chmod 접근권한 변경 chmod [옵션] Mod, [..