듀의 자료저장소

리눅스의 vi 명령어는 일종의 editor를 소환할 수 있다. 모드형 편집기로, 명령/입력 모드 전환을 통해서 필요한 문서를 쓸 수 있다. vi와 vim은 다른데, vi는 리눅스에 내장된 기본 에디터고 vim은 조금 더 업그레이드된 버전이다. 그러나 보안이 위험한 극한상황에서는 GUI 환경이 돌아가지 않기 때문에 vi만을 써야 하는 상황도 생긴다. vi (일종의 에디터) : - 입력모드가 아니라, '명령모드'에서 진행해야함 - 리눅스 vi보다 vim이 훨씬 더 좋다. - 그러나 vim이 안 깔려 있는 극한 상황도 생김 (보안 문제, 특정 업종계열) vim test.txt : txt 파일 생성 (가능) 에디팅 (편집하기) : i : 명령모드 → 입력모드 (변환) i: 편집이 가능한 상태 esc: 입력모드에..

IT 공부/백엔드(Back-end) 2021. 11. 26. 07:28

티스토리블로그에서 코드펜 소스코드를 써보기로 했다. 1. 원래는 이미지로 캡쳐했다. 전체 소스코드를 다 보여줄 수 없고, 일일이 캡쳐하기가 귀찮다. 텍스트를 복붙해도 되지만, 이 경우 블로그 로직에 맞지 않으므로 패스! 2. 티스토리블로그에 '코드블럭'기능을 이용 깔끔해서 그동안 잘 쓰고 있었는데, 구현된 결과물을 바로 blog에서 확인해볼 수 없다는 것이 단점이었다. 3. 코드펜(codepen) 소스코드 연동 [티스토리에 코드펜 소스코드 넣는 법] ① 코드펜 사이트 접속 후 회원가입! https://codepen.io/ CodePen An online code editor, learning environment, and community for front-end web development using ..

IT 공부/프론트엔드(Front-end) 2021. 11. 23. 07:46

멋쟁이사자처럼 FE과정에서 html과 css로 '자판기 만들기' 클론코딩을 했다. JS까지 했을 경우, ★★★☆☆ 별 3개 난이도의 2박 3일짜리 프로젝트라고 한다. 아직 바닐라코딩을 원활하게 하지는 못해서, 수업시간에 배운 내용을 바탕으로 필사하는 식으로 복습을 해보려 한다. (강사님의 코드 복습!!) PC버전에, 미디어쿼리를 적용해서 Mobile 버전까지 구현(=복습)할 예정이다. 작업순서 1. HTML 마크업하기 2. css 클래스 순서대로 작업 (배치+스타일링) (필요에 따라 markup에 class 추가) 3. 반응형 ( 미디어쿼리 ) 작업 4. javascript 로직 작업 마크업 (HTML) PC 버전의 UI는 위와 같다. 피그마 작업링크를 주셨기 때문에, padding, margin 같은 ..

IT 공부/프로젝트(project, 부트캠프 및 협업) 2021. 11. 22. 07:17

Git-hub에 TIL(Today I learned)를 기록하려고 깃 사용법을 공부하고 있었다. 드림코딩 엘리님의 강의 보면서, 내장되어있는 cmd보다 좀 더 편리한 기능이 붙어 있는 cmder을 설치했다. cmder(window)를 설치하려는데 7zip or winrar not found 에러가 떠서 이를 해결한 겸 포스팅해보려 한다. 7zip not found! It is not installed? Goto 'Update' page and check 7-zip command 설치 중에 이런 메세지가 뜬다면, 7-zip 파일을 설치해주면된다. 아래 url을 통해서 최신 버전을 설치해줄 수 있다. https://www.7-zip.org/ 7-Zip 7-Zip 7-Zip is a file archiver ..

IT 공부/프론트엔드(Front-end) 2021. 11. 15. 11:00

배열 String[ ] classGroup = {"미미","비비","디디"} 배열 (Array): 연관된 정보를 그룹핑하는 용도이다. 클래스그룹이라는 변수에 하나의 데이터가 아닌, 여러 개의 데이터를 담아야할 때 사용! → 관련 데이터들을 하나의 변수에 담아서 관리가 쉬워진다. 변수: 하나의 데이터만 저장 배열: 여러 개의 데이터를 저장하기 위한 것 (=관련 데이터만 모아서 관리하기 위해 쓰는 데이터 타입(data type)) 변수의 역할 프로그램 내에 존재하는 데이터들은 대부분 변수에 저장된다. **변수에는 하나의 데이터만 들어간다. ex) String a ="food" → a라는 그릇에 "food"라는 내용물을 담고 있는 셈이다. 예시(변수/상수/배열) -학급의 반장(=변수) : 특정 역할을 수행하는..

IT 공부/자바(Java) 2021. 10. 26. 15:13

오늘은 자바(java)언어로 for문과 while문의 차이점을 알아보려고 한다. 둘다 반복문인데 상황마다 어떤 걸 써야하는지를 중점으로 알아보려고 한다. 아주 기본적이지만 자주 쓰이는 개념인만큼 몸에 익힐 때까지 공부해보려 한다. 1. for문의 형식 for(초기식, 조건식, 변화식) 같은 반복문이지만 한 줄에 다 들어간다. 초기식과 조건식이 다 돌고, 그 다음 변화식이 돌아간다. 2. while문의 형식 초기식 while(조건식) (변화식) 초기식은 따로 빼고, 조건식만 와일문 바로 옆에 붙으며 변화식이 빠져나와있다. -반복된 문장들이 초기식-조건식-변화식을 거쳐 한 줄씩 출력된다. 둘 다 같은 초기식/조건식/변화식이다. 결과도 같게 출력된다. 3. for문과 while문의 차이점 형식에서의 차이점뿐만..

IT 공부/자바(Java) 2021. 10. 12. 17:16

홈페이지 제작 2번째 단계! 저번에 만든 html 구조에 css를 입힌다. 이번에 할 것은 css의 값을 초기화해주는 과정! css.reset이라고 검색하면, 다른 리셋 형식도 나온다. [글씨체 설정] @charset "utf-8"; 인코딩시 한국어가 깨지지 않게 하는용도 @import url (' 구글 폰트 '); 구글 폰트사이트에 들어가서, url을 복사한 후 import 해오면 된다. **'베바스'와 '노토산스' 2가지 폰트 추가!! [설정 초기화] *{ margin: 0; padding: 0; } 기본적으로 하나의 document에는 하나의 doctype이 있다. 그 기본세팅된 doctype에는 margin과 padding이 기본적으로 세팅되어 있다. 이걸 지우기 위해서, 전체를 css.reset..

IT 공부/프로젝트(project, 부트캠프 및 협업) 2021. 10. 5. 14:53

정올 연산자 형성평가 1 연산자 관련 부분은 Scanner(입력)을 사용해서 푸는 문제 풀이들이 많았다. 평균이랑 총 합계 구하는 거부터 시작! sum과 avg 변수를 만들어서, 각각 식을 저장해주면 된다. → 출력에 sum, avg만 넣으면 훨씬 식이 간단해진다. 정올 연산자 형성평가 2 역시나 위와 같은 원리로 입력받을 정수와 공식을 넣어줄 변수를 선언해준다. scanner로 a,b를 선언해준 다음 int quo(몫) int rem(나머지)에 각각 몫을 구하는 공식, 나머지 구하는 공식을 집어넣어준다. 정올 연산자 형성평가3 변수 (가로, 세로)를 입력받는다. a,b int width= (a+5); int length=(b*2); int area=(width*length); 가로, 세로에 각각 조건을..

IT 공부/알고리즘(Algorithm) 2021. 10. 2. 14:34