본문 바로가기

분류 전체보기53

01-04. vue 개발환경 맛보기 앞에 샘플을 한번 바꿔보자 1. 우선 서버를 가동 시키고 2. 브라우저를 열어서 App running at : 으로 나온 주소로 접속해보자 3. App.vue에 HelloWorld 의 msg 부분을 한번 바꿔보자. 4. 저장하면 자동으로 브라우저가 새로고침 되면서 나온다 개발환경은 참 좋은듯 하다 2022. 1. 6.
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.

티스토리툴바