전체 글 111

linux(ubuntu) :) wget 명령어 이해하기, URL을 통해 파일을 다운로드하기(외부자료 포함)

wget URL을 통해 파일을 다운로드하는 프로그램이다. 설치는 sudo apt -install wget으로 진행한다. wget 실습 1 https://www.linuxcapable.com/ko/install-neofetch-on-ubuntu-22-04-lts/를 참고하여 neofetch 설치하고 wget -O goodjob.txt https://bit.ly/**sJq**입력해보자 (**은 저작권으로인해 가렸습니다.) wget 실습 2 zoom설치하기 참고링크 :: Ubuntu | Zoom 설치, https://velog.io/@lunaticholic/Ubuntu-Zoom-%EC%84%A4%EC%B9%98, lunaticholic

Linux/linux 2022.05.02

linux(ubuntu) :) chmod 파일 또는 디렉토리의 사용권한

goal ls -l의 의미를 파악한다. chmod로 파일에 적용된 사용 권한을 변경할 수 있다. 1 ] ls -l 명령을 주었을 때 출력 요소의 파악 1열의 맨 왼쪽 : directory 여부와 not directory여부 1열 r,w,x의 의미 r : read permission w : write permission x : execute permission 1열 맨 왼쪽을 제외한 3개의 묶음이 각각 나타내는 것 : 사용자 / 그룹 / 나머지에 대한 권한 사용자 (user) : 파일의 소유자. 기본적으로 파일을 만든 사람이 소유자가 된다. 그룹(group) : group는 여러 user가 포함 가능. group에 속한 user는 파일에 대한 동일한 group 액섹스 가진다. 파일을 많이 액세스해야 하는 ..

Linux/linux 2022.05.02

linux(ubuntu) :) wsl1 및 wsl2에서 nautilus 명령어(linux gui)가 되지 않을 경우

goal WSL2에서 nautilus명령어 (리눅스 GUI)가 안되는 경우 해결 참고링크 1. [WSL] (+WSL 2)윈도우에서 우분투 GUI 프로그램 실행, https://blog.nadekon.net/115, Nadekon 2. https://www.lesstif.com/lpt/apt-apt-get-24445574.html 3. xming도 추가 설치 설치전에 코드스테이츠 백엔드 1기 교육생중 한 분께서 남겨주신 정보이다. 확인해보는 것도 나쁘지 않을듯하다 해결한 방법 https://www.lesstif.com/lpt/apt-apt-get-24445574.html 에서, update, upgrade 진행 [WSL] (+WSL 2)윈도우에서 우분투 GUI 프로그램 실행, https://blog.nad..

linux (ubuntu) :) 패키지와 패키지매니저의 개념

goal linux의 패키지와 패키지 매니저를 이해한다 1 ] 패키지 1. 개념 여러 파일을 모아 하나의 파일로 저장하고 있는 압축파일 윈도우의 알집같은 개념 2. 기본적인 패키지의 파일의 구성 프로그램 파일 프로그램 설치 파일 프로그램 설치 설명서 프로그램에 대한 정보를 담은 파일 프로그램에 대한 정보를 담은 파일은 A프로그램에 설치가 필요한 B프로그램이 있을경우 B프로그램을 먼저 설치하고 A프로그램을 설치한다. 2 ] 패키지 매니저 1. 개념 파일의 설치와 파일들의 업데이트를 돕는 역할이다. 패키지 매니저를 사용하지 않았을 때 생기는 문제들은 아래와 같다. 만약, 패키지 매니저를 사용하지 않고 프로그램을 독립적으로 설치할 경우, 설치 파일들의 위치를 모두 다 알아야한다. 설치한 프로그램의 업데이트 여..

Linux/linux 이론 2022.05.02

linux(ubuntu) :) linux사용의의/기본명령어/절대-상대경로/sudo/관리자권한, 간단한 window의 UAC의 개념

goal linux의 기본 명령어와 sudo를 이해하고 개념을 확립한다. Linux는 왜 쓰는가? "개발자라면 무조건 알아야해서" 너무 성의없는 답변이다. 구체적인 리눅스의 장점은 아래와 같다. 리눅스는 유닉스와 완벽하게 호환 리눅스는 공짜이다 리눅스는 오픈소스 프로젝트이다 (우수한 버전만 살아남는다.) 리눅스는 멀티태스킹, 멀티유저를 제공한다. 리눅스는 다중작업이 가능하다. Prompt란? 리눅스 터미널에서 명령어를 쓸 수 있는 한 줄 conflict? 두 프로그램이 하나의 시스템(운영체제)을 놓고 다투는 과정을 프로그램 충돌(Conflict)이라고 한다. 블루스크린이 뜨는 이유 Window의 "사용자 계정 컨트롤" (UAC, User Account Control) 악성코드와 프로그램의 충돌로 고통받는..

Linux/linux 2022.05.02

22/05/01 회고 :) Refactoring을 처음해본 날

* 요약 빨간색 : 모르는 개념 코드 스테이츠 학습 내용 개인적 공부 학습 내용 주말 Refactoring진행 1 ] 개인 공부 관련 학습 요소 정리 기 술 이해 여부 이해하지 못한 이유 Refactoring Refactoring x or ? 경험과 노력이 필요한 쪽 2 ] ✍ 회고 학습 이외의 일정 달성 여부 및 자율회고 Spring In Action 그룹 스터디의 출격을 준비완료했다. 총 5명의 인원과 함께하며 대학생들로 이루어져있다. 해당 스터디는 Spring boot 사용 중점으로 진행될 것으로 보인다. (깊은 이해는 아니지만 그렇다고 너무 너무 깊지 않은 이해의 이론도 같이 진행됌) 하루를 보내며 잘한점 (시간계획, 기타) Refactoring(실습)을 처음 해보았고 의미가 컸다. 하루를 보내며..

자질구레한 실습 :) Refactoring관련, 판매할 Database API 만들기 [1편]

goal Refactoring을 이용해 Code smell을 제거한다. 판매할 DB프로그램 만들기 [Refactoring - 1편] ** 학습 목표 ** Database API를 판매할 목적으로 프로그래밍을 진행한다. 독립된 파일로 구성하는 것을 목표로 진행한다. 1 ] 구성된 소스파일 파일명 설명 User.java DAO, 즉 Database에 접근할 객체를 만들 파일 UserDao.java Database를 조작할 파일 (Database 검색 / Database 추가 즉, SQL의 insert작업/select작업) ConnectionMarker.java JAVA JDBC를 이용해 DB를 연결할 파일 - 회사마다 사용할 DB가 다를 것이기 떄문에 공통된 작업으로 interface로 정의 DConnect..

22/04/30 회고 :) 주말, [1주차]Toby's Spring 스터디 진행

* 요약 빨간색 : 모르는 개념 코드 스테이츠 학습 내용 개인적 공부 학습 내용 주말 [1] Toby's Spring Studty - Spring 핵심 3요소 (IoC/DI, 서비스 추상화, AOP), Spring 웹 계층, JDBC의 동작흐름, Java만 jdbc DAO구현 1 ] 개인 공부 관련 학습 요소 정리 기 술 이해 여부 이해하지 못한 이유 IoC Java & Spring & 디자인패턴(?) x 제대로 설명이 안됌 DI Spring x 제대로 설명이 안됌 Spring 웹 계층 Spring x 아직 잘 모름 JDBC의 동작흐름 Java & Spring o Java만을 이용한 JDBC DAO구현 Java & Spring o 3 ]✍ 회고 학습 이외의 일정 달성 여부 및 자율회고 토비의 스프링 교재..

22/04/29 회고 with 코드스테이츠 :) Pair Programing 진행

* 요약 빨간색 : 모르는 개념 코드 스테이츠 학습 내용 개인적 공부 학습 내용 페어프로그래밍 X 1 ] 코드스테이츠 교육관련 1. 학습 키워드 페어프로그래밍 2. 학습 목표 페어프로그래밍으로 과제를 완수한다. HTML, CSS를 이용해 트위틀러 목업을 구현한다. 3. 학습 요소 [1] 학습전 정리 요소정리 기술 학습 전, 요소 이해여부 학습 후, 요소 이해여부 이해하지 못한 이유 [2] 학습후 정리 습득 요소정리 기술 이해여부 이해하지 못한 이유 2 ] 개인 공부 관련 학습 요소 정리 기 술 이해 여부 이해하지 못한 이유 3 ]✍ 회고 학습 이외의 일정 달성 여부 및 자율회고 無 하루를 보내며 잘한점 (시간계획, 기타) [Pair Programing을 진행하며 느낀 잘한점] 나의 Pair에게 나의 생각..

22/04/28 회고 :) CSS : align-items, display: flex, flex(felx-direction/grow/shink/basis),justyfy-content, align-items, align-self, flex-wrap, flex-flow align-contentWireframe, Mock-up

* 요약 빨간색 : 모르는 개념 코드 스테이츠 학습 내용 개인적 공부 학습 내용 CSS : align-items, display: flex, flex(felx-direction/grow/shink/basis), justyfy-content, align-items, align-self, flex-wrap, flex-flow align-content Wireframe, Mock-up x 1 ] 코드스테이츠 교육관련 1. 학습 키워드 align-items, CSS, display: flex, flex(felx-direction/grow/shink/basis), justyfy-content 화면분할 2. 학습 목표 다양한 CSS 셀렉터 규칙을 이해할 수 있다. 레이아웃을 위한 HTML을 만들 수 있다. 아래와 ..

CSS :) [중요] 레이아웃 구성하기!! display: flex, flex(felx-direction/grow/shink/basis), justyfy-content, align-items

goal CSS레이아웃을 구성하는 방법에 대해서 이해한다 1 ] CSS 구성하기 1. 레이아웃 구성에 어려움을 겪는 경우 태그가 가진 기본 스타일에 약간의 여백이 있어 박스의 시작을 (0,0)위치에서 시작하지 못하는 경우 width, height 계산이 여백을 포함하지 않아 계산되는 경우 (*box-sizing으로 해결한다) 브라우저의 종류(크롬, 사파이 ,IE 등)에 따라 여백이나 글꼴, 기본스타일이 조금씩 다름 3가지 문제의 해결법 CSS파일 * { box-sizing: border-box; } body { margin: 0; padding: 0; } ※ 위의 문제들을 해결하기위해 표준화된 라이브러리들이 제공되기도 한다. 2. 분할의 종류 수직분할 : 화면을 수직으로 구분하여, content가 가로로..

Markup-language/CSS 2022.04.28

git :) [로컬저장소 중심 - 2편] Branch(개념,생성/이동,삭제,이름변경), log확인, 병합(merge/rebase), 충돌해결, 병합취소

KeyWord Branch(개념,생성/이동,삭제,이름변경), log확인, 병합(merge/rebase), 충돌해결, 병합취소 참고자료 [깃 끝판왕 강좌] 제대로 파는 Git & GitHub, https://www.youtube.com/watch?v=1I3hMwQU6GU&t=5743s, 얄팍한 코딩사전 드리는 말씀 깃 사용법을 자주 잊어 개인이 보기위해 작성한 글입니다. 자료를 참고하셔도 무방하나, 해당 글은유튜브 [얄팍한 코딩사전], git강의를 토대로 작성되었습니다. git을 공부하고자 하시는 분은 꼭 봐보시길 강력 추천드립니다. 1. Branch: 분기된 가지 (다른 차원) 프로젝트를 하나 이상의 모습으로 관리해야 할 때 예) 실배포용, 테스트서버용, 새로운 시도용 여러 작업들이 각각 독립되어 진행될..

etc Ⅰ/git 2022.04.28

git :) [로컬저장소 중심 - 1편] git init, git status, 파일배제, git과거로의 회귀(Rest,Revert)

KeyWord git init, git status, 파일배제, git과거로의 회귀(Rest,Revert) 참고자료 [깃 끝판왕 강좌] 제대로 파는 Git & GitHub, https://www.youtube.com/watch?v=1I3hMwQU6GU&t=5743s, 얄팍한 코딩사전 드리는 말씀 깃 사용법을 자주 잊어 개인이 보기위해 작성한 글입니다. 자료를 참고하셔도 무방하나, 해당 글은 유튜브 [얄팍한 코딩사전], git강의를 토대로 작성되었습니다. git을 공부하고자 하시는 분은 꼭 봐보시길 강력 추천드립니다. 1 ] git init git으로 관리할 path(경로)에 접근하여, git bash에 git init 명령을 주게 되면 해당 파일을 git으로 관리하게 된다. git init시, 숨긴 파일..

etc Ⅰ/git 2022.04.28

22/0427 회고 with 코드스테이츠 :) HTML기초, CSS의 Selector, margin/padding/border, display, flex, HTML 적용 스타일 3가지

* 요약 빨간색 : 모르는 개념 코드 스테이츠 학습 내용 개인적 공부 학습 내용 CSS, HTML x △ CSS : Seletor를 잘 이해하지 못하고 있음 1 ] 코드스테이츠 교육관련 1. 학습 키워드 HTML & CSS의 기본 사용법에 대해서 배운다. 2. 학습 목표 HTML기초를 이해한다. HTML의 기본 구조와 문법 자주 사용하는 HTML 태그 태생이 inline 요소인 것과 block인 태그 inline요소와 block요소의 개념 CSS기초를 이해한다. 사용목적 margin, padding, border의 이해 flex의 이해 태생이 inline 요소인 것과 block인 태그를 돌연변이로 바꾸기(display) Selector의 이해 id와 class 인라인, 내부, 외부 스타일의 이해 disp..

HTML :) HTML개념과 구조, HTML의 태그(조금 정리함)

goal HTML의 기초에 대해서 이해한다. HTML이란? 웹사이트의 기본 구조를 잡는 역할 ※ HTML, 효율적인 작성법 개념 설명 개념 설명 중첩 태그 빠르게 생성하기 HTML 구조 잡기 ! + 엔터 1 ] HTML 1. HTML의 구조 .... [1] HTML 태그설명 태그 설명 html HTML 페이지의 root이다. head HTML 페이지의 정보에 대해서 포함하고 있다. title 페이지의 제목을 지정한다. body 페이지의 본문이 작성된다. 2. HTML구성요소 태그로 구성된 집합 - 태그 안에는 속성이 존재할 수도 있고 없을 수도 있다. 3. HTML의 태그의 종류 ( + 이외에도 다양함) 태그명 닫는태그 없는것 속성 설명 p href : 연결주소 입력 단락구분 img o src : 소스파..

HTML :) [중요] inline요소와 block요소의 특징과 태그의 종류

goal inline요소와 block요소의 특징과 태그의 종류를 알아본다. 1. HTML태그의 태생, inline요소 vs block요소 [1] inline요소와 block요소의 개념 및 태그 종류 용어 설명 태그 종류 용어 설명 태그 종류 inline 요소 줄바꿈이 일어나지 않는 태그 width, height의 속성이 적용x 컨텐츠(content) 내용의 범위만 차지한다. span, button, img, input, label, script, select, span, strong. textarea 등 block 요소 줄바꿈이 나타나는 태그 width, height의 속성 적용 o - 만약, 따로 width의 속성이 적용이 안 되어있을 때 block속성 태그는한 줄을 모두 차지하게 된다. div, fo..

CSS :) [중요] 태그의 성질(block/inline)변경, display -> 레이아웃 구성의 중요 요소

goal 레이아웃 구성에 큰 영향 및 태그의 성질을 바꾸는 display 속성에 대해서 이해한다. 1 ] display속성 1. 개념 layout을 결정하는 css의 중요한 속성 중 하나이다. dislapy의 설정 여부에 따라 요소가 웹 브라우저에 언제 어떻게 보이는가를 결정한다. 2. [중요] display적용으로 이해하기 index.html none-div block-div inline-div inline-block_div index.css .none_div{ /* display: none; */ background-color: yellow; } .block_div{ display: block; background-color: brown; /* width: 200px;*/ height: 200px; ..

Markup-language/CSS 2022.04.27