본문 바로가기

전체 글47

Svelte 글자 바꾸기2 시작 글자 변수를 바꾸어 화면에 표현하는 것을 해봤으니, 이제 내가 직접 타이핑한 글자가 화면에 표현되게 하는 방법에 대하여 알아 보자. 여기서 우리는 바인딩이라는 개념에 대하여 대략 알 필요가 있다. 바인딩? 뭔가 서로 역여 있는게 바인딩이다. 바인딩(Binding)에 대하여 찾아보면 1way, 2way 이런 것들이 나올 것이다. 용어자체는 중요하지 않다. 일단 앞서 해본 것이 일종의 1way 바인딩이다. 코드 내부의 어떤 로직에 의해서 변경된 값 등이 화면상에 출력만 되게 만드는 것이다. 2way 바인딩은 화면상에서 변경한 값이 직접 변수에 할당 되어 변경되고, 반대로 변수를 변경하면 그것이 바로 화면상에도 반영되게 하는 것이다. 예를 들어 text input box에 어떤 값을 쓰면 코드상에 변수도.. 2021. 3. 24.
Svelte로 글자를 바꾸자1 시작 Svelte를 이용하여 동적인 컨텐츠를 만들 수 있는 기초적인 sample을 제작해 보도록 한다. 버튼을 클릭하면, 글자가 바뀌는 예제를 통해서 변수와 UI의 바인딩, 이벤트처리에 대한 기본적인 형태를 파악해 보도록 한다. 일단 Svelte typescript프로 젝트를 생성한다. madfishdev.tistory.com/31?category=855358 Svelte(Typescript) 시작 시작 Svelte를 Typescript로 시작하는 방법에 대하여 알아보기로 한다. 다양한 방법으로 Svelte프로젝트를 생성할 수 있지만, 방법의 대부분이 Svelte Template Project를 git에서 가져와서 빌드를 세팅하는 madfishdev.tistory.com 코딩 /src/App.svelte.. 2021. 2. 22.
http server 기본1 지금까지 이제 기본적인 사항은 완료되었습니다. 이제 간단한 server를 만들어 보기로 한다. http method는 여기 에서 먼저 공부하고 옵니다. HTTP 요청 메서드 - HTTP | MDN HTTP는 요청 메서드를 정의하여, 주어진 리소스에 수행하길 원하는 행동을 나타냅니다. 간혹 요청 메서드를 "HTTP 동사"라고 부르기도 합니다. 각각의 메서드는 서로 다른 의미를 구현하지만, 일부 developer.mozilla.org 먼저 가장 간단한 GET Medthod로 브라우저 주소창에 주소를 치면, 글자를 리턴해주고, 이것이 브라우저 창에 보이도록 해봅시다. net/http 내장 모듈 net/http내장 객체를 import해서 사용해야 한다. Code package main import ( "net/.. 2021. 1. 20.
DMG in Linux DMG 파일 생성 in linux Disk Image File은 맥에서 사용되는 Disk image로 보통 hdiutil을 이용하여 생성한다. 예전프로젝트에서 인스톨 파일과 미디어 파일을 서비스로 다운로드 받게 해주어야 하는데, OSX의 경우 DMG파일로 서비스 해달라는 클라이 언트의 요청이 있었다. 문제는 DMG파일에 들어가는 파일들이 user가 요청하는 url에 따라 다른 파일들이 들어가야 한다는 것이었다. MAC을 서버로 사용할 수는 없었기 때문에 계속 unix/linux계열에서 dmg파일을 생성하기 위한 방법이 무엇이 있을까 찾아 보게되었다. 결국 1주일만에 찾은 방법은 genisoimage로 osx에서 인식가능한 image를 생성한 후 libdmg를 이용하여, 압축된 dmg파일을 생성할 수 있게.. 2021. 1. 3.

티스토리툴바