식초의 지식보관소

Flie Create nano : 파일 편집 프로그램, text editor ^ (ctrl) / 밑에 안내키 읽기 ctrl + X : 나간다 ctrl + O : 저장된다 File Read nano 파일명.txt : nano편집기로 가서 파일을 다시 수정할 수 있다 cat 파일명.txt : 바로 밑줄에 파일내용 볼 수 있다 File Update nano 파일명txt : 내용 다시 수정하고 저장한다 mv 이름1 이름2 : 파일 이름1을 이름2로 바꾼다 ctrl+C : 실행 취소 File Delete rm 파일명.txt : 파일삭제한다. 파일이름 다 쓰기 귀찮으면 tab키 누른다.

Directory Create mkdir 이름(make directory) : 디렉토리를 만든다 Directory Read cd ./이름 : 현재 디렉토리 밑에 있는 디렉토리 (그 dir에 들어가 있는 상태 된다) cd /이름 : 최상위 디렉토리 밑에 있는 디렉토리 ls : 디렉토리 목록을 보고 싶다 Directory Update mv 이름 이름2 (move) : 이름을 이름2로 보낸다. 이름을 바꾼다(rename) Directory Delete rm -r 이름 : 디렉토리를 지운다 디렉토리 상대-절대 경로 cd ../ : 현재 디렉토리의 부모 디렉토리로 간다 (상대 경로- 내가 어디 있냐에 따라 결정 된다) cd .. : 부모 디렉토리로 간다 (상대 경로) cd / : (절대 경로- 언제나 같은 값이 ..

pwd (print working directory) : 내가 지금 위치한 곳 표시 cd (change directory) : 위치를 바꾸고 싶다 cd / : 최상위 디렉토리(=root)로 이동한다 cd /폴더위치 : 이전에 있던 곳으로 돌아온다. cd ~ : 홈디렉토리로 돌아온다 ls (list) : 이 디렉토리에 어떤 파일, 폴더가 있는지 알고 싶다 ls --help : 명령어의 사용법을 알고 싶다 man ls (manual) : 사용설명서를 알려달라, 아래자판 누르면서 예시 읽는다 ls -l : 풍부한 형식으로 리스트를 보여준다, 폴더는 맨앞 d로 시작, 파일은 맨앞 -로 시작 touch 파일이름 : 파일을 만든다 touch .파일이름 : 점이 붙어있으면, 숨김파일을 만든다 ls -a : 모든 파일..

컴퓨터를 조작하는 2가지 방법 -GUI : 그래픽한 방법, 마우스/터치 등으로 아이콘/버튼을 만지면서 조작하는 방법 -CLI : 명령어를 이용해서 논리적으로 컴퓨터 제어 하는법 POSIX를 사용하는 운영 체제 = Unix, Linux, MacOS Emulator : window, ios, android 에서 posix를 이용할 때 설치하는 프로그램 ex. git bash Secure Shell(SSH) : posix 서버 Git bash : 여기서 내리는 명령은 윈도우를 제어한다. posix 방식으로 컴퓨터의 기초 = 정보

CSS 란? -Cascading Style Sheet -style sheet : 잘 정리한 문서 한 장 -cascading : 폭포처럼 넘어가는 것, 정의된 세부사항 있으면 그것을 쓰고, 없으면 다음 지정된 파트로 넘어가는 것 Cascading 종류 -Author style : 개발자가 사용하는 css파일 -User style : 사용자가 지정한 스타일링 -Browser : 브라우저에서 기본적으로 사용하는 스타일링 -순서 : Author style → User style → Browser -! important : cascading의 연결고리를 끊는다. 연결고리를 무시하고 자신이 가장 중요하다고 한다. box구조를 잘못 나눔, bad smell, 안 쓰는 것이 좋다. Selector : html에 어떤 ..

현업 개발자 엘리의 팁 뭐든지 나누어 보자. 프론트/백엔드 모두 박스화 생각하면서 만들자, 클레스, 함수를 만들 때도 세분화와 박스화를 할 수 있을지 생각하자. 큰 그림을 먼저 보자. 박스 태그/ 아이템 태그 -- 태그는 둘 중 하나 box - 섹션이 나눠지는 태그들 - 아무곳에서나 쓰일 수 있는 태그 - 반복된 재사용 가능한 형식이 묶여져 있는 태그 -문단을 정의하는 태그 구성할 때 섹션 태그를 이용해서 나누어준다 -- div로 무작위로 나누지 않는다. block - 한줄에 하나. - bolck 태그이다. inline - 공간이 허용하면 바로 옆에 배치 가능. - inline 태그이다. 부르는 이름 정리 element=node라고도 불린다. 태그 한쌍+ 내용이 element가 된다. attribute ..

JS Bin - 설치하지 않아도 동작하는 것을 볼 수 있는 사이트 -관습적으로 적는 것 - 가장 상위에 적음 - 구글에서 검색할 때 나오는 타이틀, 부가 설명/ 북마크 추가 할 때 나오는 제목이나 아이콘들/ CSS 파일을 연결하기도함/ 메타 데이터만 있다 - 사용자에게 보여진다. W3C라는 곳에서 만든 태그가 모든 브라우저에서 같은 기능으로 쓰인다. HTML은 브라우저에서 사용 가능한 가장 기본적인 파일이다. HTML에는 태그 크게 2가지가 있다. 에는 상세설명이 들어있고 에는 사용자에게 보여지는 태그들로 이루어져 있다. MDN 업데이트도 빠르다. 전세계인이 사용하는 페이지. --HTML element page --브라우저 호환 가능성 확인(중요) :모든 태그에서 지원되는지 잘못된 코드를 쓰면 ? - 브..

● 깃의 목적은 크게 3가지가 있다. 1. 버전관리 2. 백업 3. 협업 ● 깃과 깃허브는 다른것이다. 깃에서 push 하면 깃허브에 리파지토리 생성되고 저장된다. 깃허브로부터 pull하면 깃에서 볼 수 있다. 다른 사람 컴퓨터도 마찬가지이다. 그래서 공동작업할 때 좋다. ●깃 종류 -깃허브 데스크탑 -tortoiseGit (윈도우에서만 사용가능) -sourcetree (복잡하지만 자유롭다. 실력자되면 유용)

-기초: HTML, CSS, JavaScript, Git/Github -기본: React(JS기반 프레임워크) -심화: SCSS, BootStrap,TypeScript, Webpack (필요할 때 함께 공부하기, 어쩌면 취업 후 개인공부) 1.개인 프로젝트 2-3개를 한다. 깃허브에 올린다. 2.코딩테스트를 준비한다.(JavaScript, Python 등의 언어로) 3.컴퓨터 공학 기초는 공부한다. (면접 때, 프로그래밍 할 때 전반에 필요) -스타트업은 1의 비중(실무)이 높다. 그러나 2(코테)도 한다. -대기업은 2의 비중(코테)가 높다. 그래도 1(실무)도 해야한다. -연봉은 스타트업, 대기업 모두 중상이니 가리지 말고 1과 2를 모두 한다. -1,2,3을 모두 해야 취업이 가능하다. 중요도는 1..

HTML, CSS, JS 까지 괜찮았다. 그런데 PHP, MySQL 들어가니까 머리가 조금 아프다 (나는 코딩한지 1달 된 코린이다. 1달!!!!) 사실 머리가 아픈이유는 따로 있다. 코드 따라 치고, 에버노트 정리하고, 깃허브 올리고.... 3가지를 동시에 하고 있으니... 머리가 쪼개진다. 오늘은 에버노트 정리한걸 했다. 한땀 한땀 포스팅....(강조표시, 리스트표시 복붙이 안되서 하나하나 다 입력함^^) 그래도 내 노력의 결과물이 블로그에 공개되니 뿌듯하다. 하하 백엔드쪽은 문법도 생소하고 에러도 종종 뜨고, 특히 MySQL 에서 입력값하나 잘못 쓰면 첨부터 다시 써야된다. 에러 떠서 스큐엘이가 나름 힌트도 줬는데 영어라 초큼 머리아픔.(에러 힌트 아직 못알아들어서 결국 다시 입력함.) 스터디카페도..