Tutorial16 01-07. vue 이벤트 핸들링 1. button onclick 이벤트는 어떻게 이벤트와 연결 시키나 - 버튼을 누르면 +1이 되는걸 만들어보자 (v-on:click="함수") - template에 {{counter}} 선언 - 버튼에 이벤트 핸들러 추가 > v-on:click="counter += 1" - script 영역에 counter 선언 - @click도 잘 된다 @이벤트명이 더 편할듯 하네 - 그래서 intellisense 기능이 있어 한번 눌러봤다 - 익숙한 이벤트 들이 많이 보인다 - 요런것들이 있구나 해서 한번 알아두면 좋을듯 하다 - 2. 버튼에 함수를 정의하고 해당 함수를 script에 기술해보자 @click에다가 AddNumber() 함수로 바꾸고 script 블럭에서는 methods 를 쓰고 그안에 함수들을 기술.. 2022. 1. 6. 01-04. vue 개발환경 맛보기 앞에 샘플을 한번 바꿔보자 1. 우선 서버를 가동 시키고 2. 브라우저를 열어서 App running at : 으로 나온 주소로 접속해보자 3. App.vue에 HelloWorld 의 msg 부분을 한번 바꿔보자. 4. 저장하면 자동으로 브라우저가 새로고침 되면서 나온다 개발환경은 참 좋은듯 하다 2022. 1. 6. 01-01. vue 적응기 지금까지 java / jsp / javascript 기반의 프로그래밍을 하다 vue를 접하게 되어 기존 개발방식과 어떻게 다른지 어떤식으로 이해하면 될지에 대해 생각하면서 적어본다. 뭐 대단한 경력을 가진건 아니고 그냥 저걸로 화면 만들고 굴리는 정도의 레벨이라 이정도 레벨이면 나처럼 쉽게 따라 할수 있을정도의 난이도이니, 너무 큰 걱정없이 도전해도 되지 않을까 생각한다. 튜토리얼 하나만 그대로 해봤는데도, 아 ~ 이 친구 가 기존 개발을 하면서 느꼈을 불편함을 그대로 vue를 만들면서 풀어냈는지 주관적인 생각을 해보게 되었다. 나도 첨엔 시작할때 기존 코드에 익숙해 있어 실제 튜토리얼을 따라하기 전까지 너무 막막해서 관둘까 생각하다가 1시간 정도 투자해서 튜토리얼을 따라 해보면서 '오 괜찮다.' 라는 .. 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. 이전 1 2 3 4 다음
