-
[ReactJS] ReactJS App 만드는 방법IT Tech/찍어먹는 IT 2020. 9. 27. 02:49
ReactJS는 SPA (Single-Page Application)이다. 프로젝트를 만들 때 Node >= 8.10 과 npm >= 5.6 이면 다음과 같이 해준다. npx 설치법 npx create-react-app [프로젝트 이름] cd [프로젝트이름] npm start npm start 시 웹사이트가 동작이 되면 소스코드를 수정하면 바로 반영이 되는 장점이 있다. npx는 npm >= 5.2 환경에서 작동이 되는 듯하다. 코드가 완료되어 배포를 해야하면 npm run build 에서 build 폴더에 나온 압축된? 파일들을 실서버에 업로드를 해주면 된다. Babel(자바스크립트 컴파일러)과 Webpack(자바스크립트 모듈) 및 Docker(리눅스 컨테이너, 모듈식 가상머신, 클라우드 최적화)에 대..
-
시큐어 코딩 가이드IT Tech/찍어먹는 IT 2020. 9. 27. 00:51
KISA 홈페이지에서 JAVA, C, Android, IOT 시큐어 코딩 및 보안 관리 지침에 관한 정보들을 찾아볼 수 있다. 관련링크는 http://www.kisa.or.kr/public/laws/laws3.jsp 기술안내서 가이드 < 관련법령·기술안내서 < 자료실 : 한국인터넷진흥원 기술안내서 가이드 한국인터넷진흥원 기술안내서 가이드 입니다. 게시판 목록 보기 기술안내서 가이드 표 대분류 소분류 기술안내서 가이드 대상 수준 인터넷 진흥 및 이용 활성화 인터넷 진흥 www.kisa.or.kr 기술안내서 가이드에 따라 해당 취약점과 사항들을 인지하며 개발을 하면 안정적이게 개발되는 방법과 취약점 및 인간의 오류로 인한 심한 피해가 있다는 것을 알게 되었다. 예를 들어, 로켓 발사 실험을 하는 과정에서 6..
-
TCP : 3, 4 Way Handshake 연결, 전송, 종료 과정IT Tech/찍어먹는 IT 2020. 9. 20. 15:03
WireShark의 패킷 분석을 통하여 간략하게 정리를 해보았다. 패킷 헤더와 데이터로 구성된 화물 내용물이다. TCP 헤더 구조에 관해서는 따로 올리도록 하겠다. 3 Way Hand Shake 는 제타위키에서 아주 간략하게 정리를 해놓은 표. 조금더 세세하게 들어가면 다음과 같이 볼 수 있다. Client는 오른쪽에 있고, Server는 왼쪽이며 Client에서 연결을 알리며 시작을 한다. H e l l o \n 로 인해 seq 에 6을 더하여 ACK를 전달함. 마지막으로 세션을 종료하기까지의 과정이다. 클라이언트에서 먼저 종료를 하는 신호를 날리면서 시작한다.
-
OSI 7 LayerIT Tech/찍어먹는 IT 2020. 9. 13. 09:05
리피터 : 디지털 신호를 증폭시켜주는 장치 허브 : 여러 대의 컴퓨터를 연결하여 네트워크로 보내거나 하나의 네트워크로 수신된 정보를 여러 대의 컴퓨터로 송신하는 장비 스위치 : 네트워크 단위들을 연결하는 통신 장비 라우터 : LAN과 WAN 을 연결하거나 LAN과 LAN을 연결하기 위한 인터넷 네트워킹 장비 7 - 응용 계층 사용자와 네트워크 간의 응용 서비스 연결, 데이터 생성. 사용자가 네트워크에 접속할 수 있게 해주는 계층. 프로토콜 : HTTP, TELNET, DHCP, DNS, FTP, SSH, SMTP, SNMP L7 스위치 Data 단위 6 - 표현 계층 데이터의 형식 설정과 부호 교환, 암호화, 해독 프로토콜 : MIME, TLS, SSL, JPEG, MPEG, SMB, AFP Data 단..
-
IPv4 HeaderIT Tech/찍어먹는 IT 2020. 9. 10. 13:14
IPv4 Header 구조 괄호 안은 bits 수를 나타냄 Version (4) IHL (4) DS field (6) ECN Total Length (16) Identification (16) Flags (3) Fragment Offset (13) Time to Live Protocol Header checksum Source Address Destination Address IPv4 Options ( 0-10 rows ) Padding Version (4bits) 현재 버전 4를 사용 Header Length - IHL (4bits) 헤더의 길이 Type of Service (Tos) Flag (8bits) 요구되는 서비스 품질을 나타냄 ( Tos = DS field + ECN ) Total Pache..
-
해싱IT Tech/찍어먹는 IT 2020. 8. 19. 00:23
해시? - 데이터를 관리/유지하는 자료구조 - 데이터들이 해시 함수를 통해서 해시 테이블로 들어가는 일련의 프로세스를 해싱이라고 한다. 해시 함수? - 정형화 되지 않은 데이터를 해쉬 함수를 이용해서 해쉬 테이블에 데이터를 정렬해서 넣을 때, 해쉬 함수를 이용한다. 해시 테이블? - 데이터가 해쉬 함수를 거쳐서 해쉬 테이블로 정렬이 될 때, 그 정보가 저장이 되는 테이블을 해쉬 테이블이라고도 한다. 해쉬 테이블 Column을 보통 Key, Value로 나뉘게 되는데 Key의 목록들을 버켓, Value의 목록들을 엔트리라고 부른다. 해싱을 이용하게 되면 충돌할 때, 처리하는 여러 기술들이 존재하며 많은 논문들이 나온다고 함.
-
Mac에서 Maven 설치하기IT Tech/찍어먹는 IT 2020. 8. 5. 14:58
Maven은 아파치에서 개발한 통합 빌드 관리 도구. ( 참고. Ant - 아파치에서 개발한 XML 기반 빌드 스크립트. Gradle - 한스 도커 외 6인 개발자가 모여 만들어 안드로이드 스튜디오 공식 빌드 도구로 사용되고 있다고 함. ) 빌드도구는 소스코드를 소프트웨어로 변환하는 과정에 필요한 전처리, 컴파일 등의 작업들을 수행하는 소프트웨어이다. 라이브러리를 편하게 관리하기 위해 의존성을 관리하는 도구로 만들었다고 한다. 기사 필기에 빌드 도구와 관련해서 시험도 나오니 대략 무엇을 하는 것인지 알면 좋을 듯하다. maven.apache.org/download.cgi 으로 접속하여서 Maven을 다운로드 한다. Maven – Download Apache Maven Downloading Apache M..
-
응집도와 결합도IT Tech/찍어먹는 IT 2019. 12. 18. 14:22
흔히 응집도(cohesion)가 높을수록 결합도(coupling)가 낮을수록 좋은 프로그램이라고 한다. 응집도란 모듈이 독립적인 기능으로 정의되어 있는 정도를 나타낸다. - 응집도가 높을수록 각 모듈이 다른 모듈과 독립적으로 작동을 하기 때문에 재사용성이 높아진다고 할 수 있다. - 응집도가 낮을수록 이해하기 힘들다. 결합도란 모듈 간 상호 의존하는 정도 또는 두 모듈 사이의 연관 관계를 의미한다. - 결합도가 낮을수록 모듈 간의 의존성, 연관관계가 낮아지므로 독립적이게 되므로 재사용성이 높아지는 것이라고 할 수 있다. - 결합도가 높으면 한 개의 클래스가 바뀌면 연관된 모든 클래스를 바꾸어야 하며, 연관된 모든 클래스를 이해해야 한다.