본문 바로가기

프로그래밍44

01-03. vue 설치 Visual Studio Code 를 사용해서 개발환경을 만들어보자 1. vue 설치하고 ( npm, yarn 등으로 설치 ) 첫 create 하면 오류.. 대문자가 포함되면 안된다고 함 - Warning : name can no longer contain capital letters 2. vue create hellovue 해서 프로젝트 만들어보자 - Vue3 선택하고 엔터 ( 뭔지모르겠지만 최신버전을 해보자. 딴거없고 나는 항상 최신버전을 좋아함.. ) 3. 선택하고 엔터 치면 멋진 터미널 ui가 펼쳐지면서 주루룩 프로젝트가 만들어진다. - 하단에 보면 해당프로젝트는 어디에 있고, 어떻게 실행하는지 나온다 - 여기서 실행한다는 개념이 좀 헷갈렸는데 자체적으로 웹 서버가 있고, 해당 서버를 수행한다 라.. 2022. 1. 6.
01-01. vue 적응기 지금까지 java / jsp / javascript 기반의 프로그래밍을 하다 vue를 접하게 되어 기존 개발방식과 어떻게 다른지 어떤식으로 이해하면 될지에 대해 생각하면서 적어본다. 뭐 대단한 경력을 가진건 아니고 그냥 저걸로 화면 만들고 굴리는 정도의 레벨이라 이정도 레벨이면 나처럼 쉽게 따라 할수 있을정도의 난이도이니, 너무 큰 걱정없이 도전해도 되지 않을까 생각한다. 튜토리얼 하나만 그대로 해봤는데도, 아 ~ 이 친구 가 기존 개발을 하면서 느꼈을 불편함을 그대로 vue를 만들면서 풀어냈는지 주관적인 생각을 해보게 되었다. 나도 첨엔 시작할때 기존 코드에 익숙해 있어 실제 튜토리얼을 따라하기 전까지 너무 막막해서 관둘까 생각하다가 1시간 정도 투자해서 튜토리얼을 따라 해보면서 '오 괜찮다.' 라는 .. 2022. 1. 6.
Netty Encoder with VSCode 2022.01.06 - [프로그래밍/Netty Encoder & Decoder] - Netty Decoder with VS Code 전 장에서 말했던 Decoder는 받아서 처리하는 것이고, Encoder는 받은 처리결과를 되돌려 주는것이라고 보면 된다. 여기에 보면 Encoder는 두개가 있다 MessageToByteEncoder 내가 만든 메시지를 Byte로 변환한다. Integer로 메시지 받아서 ByteBuf로 되돌려 준다. public class IntegerEncoder extends MessageToByteEncoder { @Override public void encode(ChannelHandlerContext ctx, Integer msg, ByteBuf out) throws Excep.. 2022. 1. 6.
Netty Decoder with VS Code (1) Netty에는 다양한 Codec이 있다. 그걸 사용하면 왠만한 모든것들을 다 처리할수가 있을정도로 잘 되어 있다. 그중 Decoder에 대해 살펴보자 Decoder들은 아래 3개를 상속받아서 구현되어 있고, 자기만의 Decoder, Encoder를 만들수도 있다. ByteToMessageDecoder 여기에서 기본적으로 지원하는 디코더를 볼수 있다. ByteBuf를 내가 원하는 메시지 형태로 변경할 수 있다. 대부분 처음 수신될때 ByteBuf로 수신되기 때문에 pipeline 제일 앞쪽에 배치가 된다. 카페를 예를들면 우리나라 말로 한다고 한들 팔도 사투리가 다 들어올 것이다. 그럼 팔도 사투리들을 ByteBuf로 생각하고 종업원은 경상도 사람인데 (channelHandler로 보고) 미리 경상도로 바.. 2022. 1. 6.

티스토리툴바