Computer
-
iTerm2 + zsh 꾸미기 (초간단)Computer 2020. 9. 20. 23:09
공부 시작 전 책상을 치우는 일과 같이.. (물론 내 책상은 매우 더럽고, 난 더러운 상태 그대로 작업을 시작한다) 개발을 다시 시작하면서 나의 터미널을 새롭게 단장했다. 기존의 터미널 환경을 설정을 저장하거나 스냅샷을 찍어 뒀으면 좋았겠지만, 깜박했다. 우선 iterm 버전이 오래 되어 지우고 새로 설치했다. 업데이트가 아닌 삭제 후 재설치를 한 이유는, iterm setting을 초기화하기 위함이었다. 재설치 말고 다른 방법으로 iterm을 초기화하는 방법이 분명 있겠지만, 찾아보기 귀찮았다. 아래와 같은 절차를 거쳤다. 버그가 많이 개선되어 손쉽게 환경 설정을 끝낼 수 있었다. 결과 화면은 아래와 같다. 이쁘당!!!!!! 뒤에 화면도 살짝 비친다. 1. iterm2 재설치 (version 3.3.1..
-
node.js 설치Computer/Web 2020. 4. 13. 23:33
Windows 사용자 아래 link 타고 들어가서 권고 버전 installer로 설치 https://nodejs.org/en/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org MacOS 사용자 마찬가지로 위의 링크 타고 들어가서 권고 버전 설치 해도 되지만, brew 사용하여 install 하는 방법 먼저, homebrew 설치 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" Homebrew update brew update Homebrew 설치 확인 brew d..
-
web-site와 web-app의 차이Computer/Web 2020. 4. 12. 23:03
개인적인 기준이지만 웹 사이트는 컨텐츠가 중심이 된다면 웹 앱은 사용자와의 상호작용이 중심이 된다. 즉 웹 사이트는 웹 앱에 비해 상호적용이 적다는 것이다. 웹 사이트는 사용자가 접속하여 안에있는 내용물을 그저 "소비"한다. 이전 게시글에서 소개한 Vanilla JS 공식 웹사이트 같은 것이다. (JS로는 인터렉티브한 웹 사이트를 만들 수 있다) 웹 앱의 경우 예를들면, facebook netflix와 같은 것들이있다. 넷플릭스의 경우 사용자가 필터를 걸어 원하는 종류의 영상을 확인할 수 있고, 영상을 시청하고 저장하고 찜(?)할 수 있다. 사용자가 다양하게 웹과 상호작용을 하게 된다. 이때 JS로만은 부족하여 React와 같은 프레임워크가 등장하게 되는 것이다. 여기서 중요한 것은 React는 "프레임..
-
Vanilla-JS/ Javascript/ node.js 차이Computer/Web 2020. 4. 12. 22:10
바닐라 자바스크립트란 무엇인가? Javascript라는 말은 많이 들어봤는데, Vanilla-JS는 뭐지. Vanilla-JS는 추가적인 라이브러리나 프레임워크가 없는 플레인(?)한 Javascript이다. Pure Javascript라고 해야할까. 무방부재. sugar free와 같이 무라이브러리 프레임워크 free 이런거라고 생각하면 된다. 그럼 node.js는 무엇일까? Javascript는 브라우저 안에서 산다. node.js는 javascript를 브라우저 밖으로 꺼낸 것이다. 사용자는 node.js를 사용하여 JS로 파일시스템에 접근 할 수도 있고 서버도 만들도 있다. 바닐라JS 공식 홈이다. 밑에 stack-overflow에서 신난 개발자들 댓글 단것도 구경 ㄲ http://vanilla-j..
-
[OS] 리눅스 기본 명령어 정리Computer/인프라 2020. 4. 11. 22:47
ls [리스트] : 현재 디렉터리에 있는 파일과 그 하위 디렉터리의 이름 나열 명령어 설명 ls -a list all 리스트 전체를 보여준다 ls -l list long 퍼미션/ 포함된 파일 수/ 사용자/ 그룹/ 파일 크기/ 최종수정일/ 파일 이름 ls -h list human 사람이 보기 좋게 K, M, G 단위를 이용하여 파일 크기 표현 ls -R list recursive 하위 디렉토리의 파일까지 모두 출력 ls -S list size 파일 사이즈 크기 순으로 출력 pwd : 현재 작업 디렉터리를 알려준다. cd : 디렉터리 변경(이동) cat : 파일 내용 터미널에 출력 (수정 불가) | concatenate 약자 명령어 설명 cat file 파일 내용 출력 cat file1 file2 file3..
-
[자료구조] 트리(Tree)란? (미완)Computer/알고리즘&자료구조 2017. 11. 16. 20:29
트리(Tree) 아래의 내용을 정리하여 보았다. 트리란 무엇인가?트리의 구성요소 (root node, parent node, child node, leaf node 의 의미)트리의 종류 (이진트리, AVL트리, 레드-블랙트리)트리의 응용 트리란 무엇인가? 정의 : 트리란, 그래프의 일종으로, 여러 노드가 한 노드를 가리킬 수 없는 구조이다. 간단하게는 회로가 없고, 서로 다른 두 노드를 잇는 길이 하나뿐인 그래프를 트리라고 부른다. [출처 : 위키피디아]계층적인 관계를 설명하는데 유용하게 쓰일 수 있다. 위의 설명보단 아래의 그림을 보는 것이 좀 더 직관적이다. 트리의 구성요소 2, 7, 8, 6, 9, 5.. 위에 보이는 각 동그라미가 노드를 의미한다.7과 5는 가장 상위에 있는 2의 자식노드(Chil..
-
[네트워크] PDU, SDU, PCI 란Computer/인프라 2017. 10. 14. 16:24
PDU, SDU, PCI (http://www.ktword.co.kr/abbr_view.php?m_temp1=310) PDU = Protocol Data Unit- 2계층 (링크) : 프레임- 3계층 (네트워크) : 패킷- 4계층 (전송) : 세그먼트SDU = Service Data Unit (payload)PCI = Protocol Control Unit (header) 사진 출처 : http://www.ktword.co.kr/abbr_view.php?m_temp1=310
-
[자료구조] List, Set, Map 차이/ StringBuffer StringBuilder 차이Computer/알고리즘&자료구조 2017. 10. 13. 12:45
String StringBuffer StringBuilder 차이점(http://ooz.co.kr/298) String - 불변, 추가되는 경우 새로운 객체가 만들어져서 복사되게 하고 그 새로 만들어진 객체를 참조하게 함. Java 가비지컬렉션으로 원래 있던 놈은 수거StringBuffer - 저장 공간 유연, 멀티 스레드 환경에서 사용하면 좋음, 동기화를 지원하기 때문에StringBuilder - 저장 공간 유연, 단일 스레드 환경에서 사용하면 좋음, 동기화 지원 안함. jdk 1.5 이후로는 String도 StringBuilder 지원함 List, Set, Map 차이(http://j2yes.tistory.com) Set - 객체 중복 허용하지 않는다. (집합이다)List - 인덱싱, 중복 허용Map..