개발 공부 박스

1) 파일과 디렉토리의 구조 파일: 데이터를 담는 그릇 파일 시스템: 파일을 관리하기 위한 시스템 계층 구조: Tree 형태의 계층 구조 root 디렉토리의 목록 2) 파일의 종류 일반 파일: 텍스트 파일이나 동양상 파일 디렉토리: 파일의 한 종류, 윈도우의 폴더와 같은 개념 심볼릭 링크 파일: 어떤 다른 파일을 가리키는 파일, 바로가기 같은 개념 블록 디바이스 파일: 블록 디바이스를 제어하기 위한 파일 문자 디바이스 파일: 문자 디바이스를 제어하기 위한 파일 파이프 파일: 파이프를 나타내는 파일. 프로세스간 통신에 사용됨 소켓: 소켓을 나타내는 파일. 프로세스간 통신에 사용됨 3) 대표적인 디렉토리 /: 루트 디렉토리, 모든 디렉토리의 최상위 부모 /bin: 모든 사용자가 사용할 수 있는 여러가지 실행..

* 22.04 => 20.04 version으로 변경 필요

* tab을 누르면 자동완성기능 사용 가능 * cd var/log 명령어를 통해 로그 파일 읽어들이는 명령어 학습 해보기 * 기본 쉘 명령어 메뉴얼 조회: man 궁금한거 /를 이용해 키워드 검색 파일 목록/내용 조회 관련 명령어: ls, cat, haed, tail pwd: 내 현재 위치 ls: 목록 root dir: / /home: 루트 디렉토리 밑의 home cd /: 여러가지 디렉토리 파일을 확인할 수 있음 $: 현재 사용자의 home 디렉토리 cd ~ : root directory cd - : 직전에 있었던 디렉토리로 이동 ls -al: 모든 파일의 모든 정보를 보여줌 cat abc.txt: 해당 텍스트 파일의 정보를 모두 읽어옴 head: 텍스트 파일의 머리 부분 보여줌 tail: 텍스트 파일..

* 터미널이 열리지 않는 이유: locale default 설정을 en_US에서 en_US.UTF-8로 바꿔줘야 함. * 터미널이 열리지 않으므로 단축키 사용: ctrl + alt + f3으로 전환해 편집 문제1) sudo 권한이 없음 sudo apt update 명령어 수행 시 user is not in the sudoers file. This incident will be reported. 1) root 계정으로 접속 $ su password: whoami 2) sudo 설치 $ apt install sudo 3) 해당 명령어 입력 후 reboot $ usermod -aG sudo user $ reboot 문제2) locale 설정 $ locale //현재 우분투에 깔린 locale 확인 $ sudo..

DOM - JS가 웹 문서를 동적으로 다룰 수 있도록 문서에 있는 각 요소를 객체 형태로 처리하는 것 DOM 트리 - DOM은 웹 문서의 요소를 부모 요소와 자식 요소로 구분 - 웹 문서 구조를 부모/자식 관계로 표시하면 나무를 거꾸로 뒤집어 놓은 모습 -> DOM 트리 - 웹 문서의 태그는 요소 노드로 표현한다. (Element) - 태그가 품고 있는 (Text) - Attribute getElementById() - id 선택자를 사용해 접근하기 document.getElementById("heading"); // getElementByClassName querySelector("#heading") querySelector(".bright") querySelectorAll(".bright")

객체란 - 객체는 자료를 저장하고 처리하는 기본 단위 - JS 프로그램에서 인식할 수 있는 모든 대상 - 복합 자료형 var book = { title: "자바스크립트", //제목 author: "홍길동", //저자 pages: 500, //쪽수 price: 15000 //가격 } 내장 객체 - 미리 정의되어 있는 객체 1) 문서 객체 모델(DOM): 문서 뿐 아니라 웹 문서 안에 포함된 이미지, 링크, 텍스트 필드 등을 모두 별도의 객체로 관리 2) 브라우저 객체 모델: 웹 브라우저 정보를 객체로 관리 사용자 정의 객체 - 필요할 때마다 사용자가 직접 만드는 객체 속성(Property) - 객체에 담고 있는 값 - 객체명.속성명 메서드(Method) - 객체의 동작을 정의한 함수 (객체 안의 함수) W..

여러 동작을 묶은 덩어리, 함수 - 함수를 사용하면 좋은 점 각 명령의 시작과 끝을 명확하게 구별할 수 있다. 함수에 별도의 이름을 붙이면 같은 기능이 필요할 때마다 해당 함수를 실행할 수 있다. - 함수 선언(정의) 함수가 어떤 명령을 처리해야 할지 미리 알려주는 것 function 예약어를 사용하고, { } 안에 실행할 명령을 작성 - 함수 호출(함수 실행) 함수 이름을 사용해 함수 실행 //함수의 선언: 여러가지 명령을 묶어 놓은 것. function addNumber() { var sum = 10 + 20; console.log(sum); } //함수의 호출 addNumber(); //30 - 함수 선언은 어디에 두어야 할까 함수를 선언해 놓기만 하면 선언한 위치와는 상관없이 함수를 실행할 수 있..

변수 - 데이터를 저장할 수 있는 메모리 공간으로 그 값은 변경될 수 있다. - 선언되지 않은 변수를 초기화 할 경우 자동으로 선언을 먼저 하고 초기화를 진행한다. var currentYear = 2021; var birthYear = 2000; var age = currentYear - birthYear + 1 //age = 22 alert(`당신의 나이는 ${age}세입니다.`) //Template Literal 자료형 - 컴퓨터가 처리하는 자료의 형태 - 기본형 number: 따옴표 없이 표기한 숫자 string:`나 "로 묶어 나타낸 것 boolean: true와 false 2가지 값만 가지고 있는 유형 undefined: 자료형을 지정하지 않았을 때 유형. 변수를 선언만 하고 값을 정의하지 않았..