Knowledge
-
생활코딩 리눅스 강좌 요약 및 정리 - IO RedirectionKnowledge/Linux 2019. 10. 2. 15:33
이 포스팅은 2편 ( https://takeknowledge.tistory.com/66 ) 에 이어 작성하는 것입니다. nano 에디터, 패키지 매니져 (apt) , wget, git 등에 대한 정보는 2편에서 확인할 수 있습니다 IO Redirection Input / Output Redirection 이다. 말그대로 Input과 Output을 Redirection 해준다는 말인데 일단 Output 예제부터 보자 IO Redirection - output ls -l 명령어를 입력하면 그 결과, 즉 Output이 이렇게 모니터에 출력된다 그런데 이 때 이렇게 ls -l 뒤에 > 표시를 한 후 result.txt 를 더해서 입력하면 모니터에 추가 정보가 더 나오지 않는다. 대신 ls -l을 다시 입력해보면..
-
생활코딩 리눅스 강좌 요약 및 정리 - 리눅스 기초 (2)Knowledge/Linux 2019. 10. 1. 23:18
이 포스팅은 1편 ( https://takeknowledge.tistory.com/65 ) 에 이어 작성하는 것입니다. cli, pwd, ls, mkdir, cd, rm, --help, clear, man 명령어, sudo 등에 대한 정보는 1편에서 확인할 수 있습니다 nano 에디터 어떤 정보를 저장한 파일을 만들기 위해선 에디터를 사용해야 한다. vi도 있지만 초심자에겐 nano를 추천한다니 빛고잉님 말씀을 따르자 터미널에 이렇게 nano를 입력하면 이렇게 nano 에디터가 실행된다. 이제 html 태그를 입력하고 파일을 저장해보자. 일단 아래에 보이는 것들이 에디터의 명령어이고 ^은 키보드의 Ctrl을 의미한다 저 중 Write Out이 파일 저장인데 cloud 9의 경우 ctrl-o가 gotofi..
-
생활코딩 리눅스 강좌 요약 및 정리 - 리눅스 기초 (1)Knowledge/Linux 2019. 10. 1. 22:56
리눅스에 대해 공부할 필요를 느껴서 생활코딩 리눅스 강좌를 들었습니다 생활코딩 리눅스 강좌 - 인프런 본 수업에서는 리눅스의 사용법을 다룹니다. 특히 초심자들이 어려워하는 부분이 명령어를 이용해서 컴퓨터를 제어하는 법입니다. 여기서는 초심자가 명령어를 사용하는데 필요한 가장 보편적인 규칙을 최소한으로 다룹니다. 초급 서버 인프라 Linux 온라인 강의 www.inflearn.com 리눅스 - 생활코딩 수업소개 인터넷과 함께 웹이 폭발적으로 성장하면서 저렴한 운영체제에 대한 수요가 폭발적으로 증가했습니다. 클라우드 컴퓨터가 등장하면서 이제 컴퓨터는 필요할 때 사용하고, 필요 없을 때 언제든지 버려질 수 있는 소모품이 되고 있습니다. 자연스럽게 운영체제에 대한 수요가 늘어났습니다. 사물 인터넷의 시대가 열리..
-
GIT 커밋 실패 - commit failed - exit code 1 receivedKnowledge/Git 2019. 9. 23. 19:11
react 폴더를 github desktop에 추가한 후 github에 올리려고 했는데 실습을 위해 만든 hackernews 폴더만 commit failed - exit code 1 received 란 에러메시지를 내며 올라가지 않았다 검색해서 해결했더니 문제는 이 폴더를 올리기전에 hackernews 폴더를 github에 한번 올렸기 때문에 발생한 것이었다. 물론 github에서 해당 repository를 지우긴 했지만 hackernews 로컬 폴더안에 그 때 생긴 .git 폴더가 남아있어서 업로드가 되지 않았던 것 그래서 로컬 폴더안의 .git 폴더를 삭제해줬더니 문제가 해결되었다
-
유저가 업로드 한 이미지 파일 로컬에서 가져와 사용하는 방법!Knowledge/Spring 2019. 9. 20. 09:33
보통 혼자 개발할 때나 공부할 때 이미지는 이렇게 사용할 것이다. 이렇게 소스 안에 img 폴더를 세팅해놓고 이미지들이 저장되어 있는 위치를 설정 파일에 명시해 준 다음 img 태그의 src 속성에 파일 이름을 적어주는 식으로! 그러나 실무에선 이렇게 사용하지 않는다고 한다. 보안 문제도 있고, 프로젝트 볼륨이 커지기 때문 ( 예를 들어 업로드가 많이 되는 사이트인데 파일을 전부 이렇게 프로젝트 내 폴더에 저장하게 세팅하면 용량이 상상을 초월할 것이다 ) 그럼 어떤 방법을 사용할까? 사실 가장 쉬운 선택지는 설정 파일에서 img 폴더 경로를 파일 저장 폴더로 잡아주는 것이다. 그러나 이 방법 역시 보안 이슈가 있어서 지양하고 실무에선 이 문제를 해결하기 위해 컨트롤러를 활용한다고 한다. 이를 이해하기 위..
-
스프링에서 파일다운로드 구현하는 방법Knowledge/Spring 2019. 9. 20. 08:13
일단 서버에 파일은 있고 데이터베이스에 파일 정보는 저장되어 있다고 가정한다 ( 참고 : 스프링에서 컨트롤러로 넘어온 파일 저장하는 방법 - https://takeknowledge.tistory.com/61 ) 사실 업로드를 잘 알고 있다면 다운로드도 쉽게 이해할 수 있다. outputStream과 inputStream의 역할만 바뀔 뿐 업로드와 크게 다르지 않기 때문이다. 넘어온 파일을 찾을 수 있는 파라미터로 파일 정보 찾고, 헤더에 정보 세팅하고, inputStream에서 outputStream으로 파일 정보 옮겨주면 끝! 바로 코드로 보자! 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 3..
-
스프링에서 컨트롤러로 넘어온 파일 저장하는 방법Knowledge/Spring 2019. 9. 18. 21:59
프론트 단에서 ajax로 파일을 서버로 넘기는 건 ( https://takeknowledge.tistory.com/60 ) 참고 파일이 컨트롤러 단으로 넘어오면 파일을 저장하고 나중에 사용할 수 있도록 파일 정보를 데이터베이스에 저장해야 한다. 이걸 하는 방법은 - 설정 먼저 파일 처리에 필요한 라이브러리를 메이븐에 등록해줘야 한다. 파일은 Multipart ( HTTP프로토콜의 바디 부분에 데이터를 여러 부분으로 나눠서 보낸 것 ) 로 넘어오는데 HttpServletRequest는 웹 클라이언트가 전달하는 Multipart데이터를 쉽게 처리하는 메소드를 제공하지 않기 때문이다. 대표적인 파일 처리 라이브러리는 아파치 재단의 commons-fileupload 가 있다. 추가를 위해선 1 2 3 4 5 6..
-
자바스크립트에서 이미지 파일( form data ) 을 ajax로 넘기는 방법!Knowledge/javascript 2019. 9. 18. 19:41
단순히 text value만 넘긴다고 하면 form data를 굳이 ajax로 넘겨야 할 필요는 없다. 그러나 파일을 ajax로 넘겨야할 때는 form data 전체를 넘기는 것 외엔 다른 방법이 없다. 이 때는 formData 객체를 활용하면 된다. 방법은 쉽다. 함정이 좀 있지만.. ㅋ 일단 코드를 보자! 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 Document 전송 var fileInput = document.querySelector("#fileInput"); var sendButton = document.querySelector("#sendButton"); sendButton.addEventListe..