전체 글29 apt-get 명령어 정리 먼저 하는 요약 apt-get 쓰기전에 업데이트&업그레이드 항상 먼저 하셈 sudo apt-get update 업데이트 sudo apt-get upgrade 업그레이드 sudo apt-get install [package_name] 설치 sudo apt-get remove [package_name] 구성파일은 유지하고 패키지 삭제 sudo apt-get purge [package_name] 패키지와 구성파일 다 삭제 sudo apt-get autoremove 안쓰는 라이브러리 패키지 삭제 apt-cache search [search_word] 패키지 검색인데 관련있는거 다찾아줌 apt-cache showpkg [search_word] 검색어가 들어가있는 패키지만 검색 apt-cache show [pack.. 2022. 3. 14. linux 기본 명령어 정리 먼저 하는 요약 ls : 파일 리스트 출력 pwd : 현재 경로 출력 mkdir : 디렉토리 만들기 rm : 파일, 디렉토리 제거 --help, man : 도움말 cp : 복붙 mv : 이동, 이름변경 wget: 데이터 다운로드 ps: 현재 실행중인 프로세스 확인 cat : 파일을 만들거나 합치거나 append 함 grep : 패턴이나 문자열 검색해서 출력 locate: 파일이나 디렉토리를 데이터베이스에서 찾는다. ls ls [옵션] [파일/디렉토리] 터미널이 현재 위치한 디렉토리 내에 있는 디렉토리 및 파일을 출력한다. # 옵션 -a : 디렉토리 안에는 숨김파일이 있는데 숨김파일까지도 모조리 출력 -l : 각각의 파일에 대한 정보를 권한, 소유자그룹, 크기, 날짜등의 정보도 같이 출력 -al : ls .. 2022. 3. 11. for문 삼대장 - for ...of , for ...in, forEach 자 오늘은 헷갈리는 for문들을 정리해봅시다. 요약 일단 간단하게 먼저 정리하자면 for ... of, for ... in 은 반복문임다. forEach 는 반복을 해주지만 메서드임. for ... of 는 배열에 사용 (정확히는 array, string, arguments, nodeList, map, set 등의 iterable속성이 있는 애들) for ... in 은 주로 객체에 사용 (정확히는 enumerable 한 애들) forEach 메서드는 배열에 사용 객체 배열 대상 for ... of error 쌉파서블 컬렉션 for ... in 쌉파서블 파서블 객체의 모든 열거가능한 속성 forEach error 쌉파서블 컬렉션 왜 이렇게 되는지 자세히 알아봅시다. 1. for ... of 반복문 for.. 2022. 3. 10. fileReader 로 client 브라우저에서 파일 다루기 FileReader를 이용해서 input에서 이미지파일을 받아 서버없이 이미지를 띄워보자. 준비 //이미지 받을 input //이미지 띄워줄 곳 간단히 이미지를 받을 input 과 img 태그 준비 파일이 들어오면 알아챌수 있도록 input 태그에 onchange 이벤트를 달아주고 이미지 파일을 하나 넣는다. 요즘 운동을 하는데 몸이 좀 더 커졌으면 하는 개인적인 바람을 담아 "big.jpg" 를 넣었다 this.files 를 매개변수로 받아 콘솔을 찍어보면 { [index]: File, length: number } 형태의 array-like object 가 찍힌다. name: 파일 이름 size: 파일 크기( Byte 값 ) type: MIME 유형 lastModified: 파일을 마지막으로 수정한 .. 2022. 3. 4. @keyframes 를 써서 고양이 시선을 빼앗아 보자 처음과 끝 상태만 있는 transition 말고 복잡한 애니메이션을 구현해야 한다면 @keyframes 를 써보자. //index.html 고양이 조심 //index.scss .btn-wrap { width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; .btn { background-color: yellowgreen; width: 200px; height: 100px; border: 1px solid yellowgreen; border-radius: 5px; color: white; font-size: 30px; &:hover { animation-name: shake; animation-durati.. 2022. 3. 3. 이전 1 2 3 4 5 다음
