본문 바로가기

☆ 방문해 주셔서 감사합니다!

   - 문의사항은 메일 또는 댓글로 언제든 연락주세요.
   - 메일주소 : lts06069@naver.com

전체 글401

앵귤러 튜토리얼(Angular tutorial) - 30 : 모듈 활용 저번시간까지 우리는 모듈과 라우터의 관계에 대해서 살펴보았습니다. 라우터는 앵귤러에서 사용자의 요청에 따른 다양한 페이지를 보여주기 위해 존재하는 기능이며, 개발자 입장에서는 다양한 모듈과 라우터를 통해서 협업을 좀 더 쉽게 해 주는 기능 입니다. 이번시간에는 우리가 여태껏 사용한 FormsModule이나 BrowserModule등 모듈에서 다른 모듈, 즉 라이브러리처럼 동작하는 모듈은 어떻게 만드는지 한번 살펴 보겠습니다. 새로운 프로젝트를 생성하여 줍니다. ng new fiveStudy 이번에도 모듈에서 라우팅 기능이 포함된 형태로 프로젝트를 생성하여 줍니다. app컴포넌트html 파일은 라우터와 관련된 테그만 남기고 전부 제거하여 줍니다. 다음으로 동작할 컴포넌트를 추가하겠습니다. 컴포넌트이름은 이.. 2020. 9. 22.
Java netty Sokect server (netty를 활용한 간단한 소켓 서버) 자바에서 ServerSocket을 활용하여 일반 tcp서버를 구현합니다. 마찬가지로 netty라는 훌륭한 서버 프레임워크를 사용하면 조금 더 손쉽게 구현 할 수 있습니다. 라이브러리를 받습니다. * maven 기준 io.netty netty-all 4.1.52.Final * gradle 기준 // https://mvnrepository.com/artifact/io.netty/netty-all compile group: 'io.netty', name: 'netty-all', version: '4.1.52.Final' netty에서 소켓서버를 구현해야되는 방식을 간단하게 요약하여 보았습니다. 1. 서버 객체 생성 2. 채널 그룹 추가 3. 설정값 추가(ip주소, 포트 등) 4. 채널 이벤트에 대한 설정 추가.. 2020. 9. 21.
Javascript 파일을 binary문자열로 전송한 뒤 변환하여 서버에 저장하기 브라우저에서 파일을 binary데이터로 변환하여 문자로 변환한 뒤에 json형식으로 전송한 뒤에 서버에서 파일로 다시 변환하는 특이한(?) 경우가 있었습니다. 브라우저에서 일반적인 json형식의 크기와 사이즈는 검색하면 바로 확인하여 볼 수 있습니다. json형식으로 파일을 보내려다 보니 용량제한에 좀 민감하여 신경을 썼던 것 같습니다. Jquery를 활용하여 먼저 파일을 전송하는 기능을 만들어 주었습니다. 먼저 아래는 단순한 html 파일 형식입니다. 다음으로 실제 전송하는 sendTest함수 입니다. input type file 같은 경우에는 보안상 다양한 정보가 존재하지 않습니다. 그리하여 Javascript에서 제공하는 FileReader를 활용하였습니다. function sendTest(){ v.. 2020. 9. 18.
앵귤러 튜토리얼(Angular tutorial) - 29 : 모듈과 라우터 심화2 저번시간에 이어서 모듈과 라우터에 대해서 살펴 보겠습니다. 저번시간에는 app모듈에서 라우터 설정이 존재하는 모듈 2개를 추가하여 사용하였습니다. app-routing모듈, routing2모듈 각각 1개씩 추가하여 사용자의 요청에 대해서 동작하게 하였습니다. 앵귤러는 싱글 어플리케이션, SPA(Single Page Application)라고 합니다. 우리는 작업을 하면서 여러개의 클래스를 만들고, 모듈 또는 컴포넌트를 만들어 기능을 완성합니다. 그런데 앵귤러를 실제 컴파일하여 Javascript로 구성을 하면 1개의 index.html파일에 여러개의 Javascript파일이 생성됩니다. 앵귤러는 사용자가 최초 접속을 하면 모든 파일의 내용을 읽어서 사용자의 행위에 대비합니다. 만약 100개의 페이지, 1.. 2020. 9. 18.