hotamul의 개발 이야기

Development practice Write Code -> Write Test Write Test -> Write Code TDD Process that we want to add to the project, and then we're going to write the code that makes that test pass. 1. Write Test -> 2. Run Test (fails) -> 3. Add Feature -> 4. Run Test (passes) -> 5. Re-factor So the TDD process works like this. You start by writing a test to test a certain piece of functionality. Then you..

Class class Greeter def initialize(name = "World") @name = name end def say_hi puts "Hi #{@name}!" end def say_bye puts "Bye #{@name}, come back soon." end end 여기서 @name은 인스턴스 변수를 뜻하고 모든 메서드에서 접근 가능하다. 하지만 이런식으로 접근은 불가하다. g = Greeter.new("junhyeok".capitalize) g.name = "Andy"그럼 접근 가능한지 확인하는 방법은? 이 클래스가 가지고 있는 메소드를 확인하는 방법은? 바로 respond_to?("메소드 이름")으로 확인 가능하다. return 값은 true, false이다. Greeter.res..

대화형 Ruby Shell (irb) Ruby에는 입력한 구문을 바로 결과로 보여주는 프로그램이 포함 되어 있다. irb (Interactive Ruby)를 시작하는 방법은 다음과 같다. # mac, linux irb # Windows Interactive Ruby 그럼 다음과 같은 구문을 터미널에서 볼 수 있다. irb(main):001:0> puts irb 프롬프트에 "Hello World"라고 입력해 보자 irb(main)>:001:0> "Hello World" => "Hello World" 이게 "Hello World"를 출력하는 코드냐? 그것은 아니다. 그냥 단순히 입력한 코드를 보여준 것 뿐이다. 만약 "Hello World"를 출력하려면 puts를 사용하면 된다. irb(main):002:0..

1. 현재 프로젝트 구조 2. Vue 빌드? Vue로 만든 프로젝트는 빌드가 필요하다. (우리가 필요한 것은 html, css, js 파일이기 때문에, 왜 .vue 파일들은 빌드가 필요할까? 나중에 찾아봐야겠다) Vue 프로젝트를 빌드하게 되면 html-css-js 파일로 추출된다. 실제로 npm run build 또는 vue build하게 되면 Vue 프로젝트 안에 dist 폴더가 생성되고 dist 폴더 안에는 html, css, js 파일들이 있는 것을 볼 수 있다. 배포할 때 공식 문서 참고 3. Vue 프로젝트 생성 vue-cli 설치 $ npm install -g @vue/cli(참고) -g 옵션은 해당 패키지가 현재 디렉토리뿐 아니라 모든 디렉토리에서 사용가능하도록 패키지를 등록하는 것 (gl..

'스프링 부트와 AWS'로 혼자 구현하는 웹 서비스'라는 책을 읽어보면서 View 단을 mustache.js 가 아닌 Vue.js로 변경하고 싶다는 생각이 들었다. (회사에도 Vue.js를 사용하고 있기 때문..) 그래서 먼저 Vue에서도 bootstrap을 사용할 수 있을까?라고 찾아보니 역시나.. 있다! bootstrap-vue 가장 쉽게 프로젝트에 사용하는 방법은 모듈 번들로 프로젝트 폴더에 설치하는 것이다. (npm이나 yarn을 이용해서, node package manager였나? yarn은 기억이 안난다..) $ npm install vue bootstrap bootstrap-vue 근데 분명 회사 프로젝트 폴더에는 npm install만 해주면 관련 패키지 모듈이 nod..

MVVM 패턴이란 화면을 모델 (Model) - 뷰(View) - 뷰 모델(View Model)로 구조화하여 개발하는 방식을 의미합니다. 이러한 방식으로 개발하는 이유는 화면의 요소들을 제어하는 코드와 데이터 제어 로직을 분리하여 코드를 더 직관적으로 이해 할 수 있고 추후 유지 보수가 편해지기 때문입니다. 용어 설명 뷰 (View) 사용자에게 보이는 화면 돔 (DOM) HTML 문서에 들어가는 요소 (태그, 클래스, 속성 등) 의 정보를 담고 있는 데이터 트리 돔 리스너 (DOM Listener) 돔의 변경 내역에 대해 즉각적으로 반응하여 특정 로직을 수행하는 장치 모델 (Model) 데이터를 담는 용기, 보통은 서버에서 가져온 데이터를 자바스크립트 객체 형태로 저장 데이터 바인딩 (Data Bindi..

보호되어 있는 글입니다.

보호되어 있는 글입니다.

보호되어 있는 글입니다.