2016년 11월 12일 토요일

[bower] 윈도우에서 .bowerrc 생성 방법

echo 명령어를 사용하여 생성

> echo "" > .bowerrc

이후 생성된 .bowerrc파일을 수정하면 됩니다.

{
  "directory": "components"
}

ren 명령으로 파일명 변경

bowerrc 또는 다른 파일명을 가진 임의의 파일을 생성합니다.

> ren bowerrc .bowerrc

ren 명령어로 파일명을 .bowerrc 로 변경합니다.

참고

tags: bower, bowerrc, echo, ren, windows

[bower] 윈도우에서 .bowerrc 생성 방법

echo 명령어를 사용하여 생성

> echo "" > .bowerrc

이후 생성된 .bowerrc파일을 수정하면 됩니다.

{
  "directory": "components"
}

ren 명령으로 파일명 변경

bowerrc 또는 다른 파일명을 가진 임의의 파일을 생성합니다.

> ren bowerrc .bowerrc

ren 명령어로 파일명을 .bowerrc 로 변경합니다.

참고

2016년 11월 7일 월요일

개발자가 갖추어야 할 9가지 기술

https://www.youtube.com/watch?v=fHyTA-UIcqs

{% youtube %}https://www.youtube.com/watch?v=fHyTA-UIcqs{% endyoutube %}

개발자가 갖추어야 할 9가지 기술

Hard Skill

Basic Knowledge (C++, OS) / 기초 지식들
Understanding for product / 제품에 대한 이해
Development Cycle / 개발 싸이클

1-5 years of development
- Associate Software Engineer / 초급 계발자
- Software Engineer / 중급 계발자

Basic Knowledge (C++, OS)

Learn from school, workplace, by yourself / 학교, 직장에서 스스로 배워라.
- Mathematics, Physics / 수학, 물리
- Programming Language (C++, C#, Python) / 프로그래밍 언어
- Algorithm, Data Structure, Design Patterns / 알고리즘, 자료 구조, 디자인 패턴
- Graphics, Database, Networking, AI / 그래픽, 데이터베이스, 네트워크, 인공지능
- Game Engines (Unity) / 게임 엔진
- OS (Windows, Mac, iOS, Android) / 운영체제
- Tools (Source control, Visual Studio) / 도구들

Understanding for product

Product Anaylysis / 제품 분석
Power of Blizzard / 블리자드의 힘
- Everyone loves game / 모두가 게임을 사랑한다.
Three types of restaurants / 3가지 식당
- Going for porfit / 돈을 벌기 위해
- Try to make customer happy / 고객을 행복하게 하기 위해
- Love cooking / 음색 만드는 것이 좋아서

Development Cycle

Requirements & Analysis / 요구사항 분석
Design & Modeling / 디자인 & 모델링
Implementation / 구현
Test/Release / 테스트, 배포
Feedback/Update / 피드백, 업데이트

Soft Skills

Project Management / 프로젝트 관리
Team Management / 팀 관리
Process (Agile, Zero-Bug) / 프로세스

6-10 years of development
- Software Engineer / 중급 계발자
- Senior Software Engineer / 고급 계발자

Project Management

Why, What, How / 왜, 무엇을, 어떻게
Triple Constrains / 3가지 제약사항
- Cost (Resources) / 비용 (자원)
- Time (Schedule) / 시간 (일정)
- Scope (Quality) / 범위 (질)

Team Management

Froming, Storming, Norming, Performing
Roles around the Team
- Product owner
- Producer, Artists, Designers, Engineers
- Engineering Team Lead
  - Project lead, Technical lead, People Manager
Clear role definition. Proper delegation

Process

Better way to do it, Optimal way / 더 잘하는 방식, 최고의 방식
- Detect failure, Prevent failure / 실패 탐지, 실패 방지
Project Management Process
- Waterfall, Agile/Scrum
Development Process
- Developement Cycles, Code Review
- The Joel Test: 12 Steps
Your Own Evolving Process / 나만의 프로세스 발전시키기

Process - PMMM

Project Management Maturity Model
- 1. Initial = Common Language
- 1. Repeatable = Common Process
- 1. Defined = Singular Methodology
- 1. Managed = Benchmarking
- 1. Optimized = Continuous Improvement

Business Skills

HR System / 인사 시스템
Business Management / 사업 관리
Vision/Goals/Culture / 비전/목표/문화

10+ years of development
- Lead Software Engineer
- Techinical Director, VP of Technology, CTO, CEO

HR System

Hiring / 채용
Performance Reviews / 평가
Titles (Engineering) / 승진
Rewards / 보상
Education / 교육
Benefits / 복지

Attract → Develop → Engage(결합)

HR System - Performance Review

Example : Software Engineer
- Productivity / 생산성
- Professionalism (Reliability) / 책임감
- Teamwork (Communication) / 협업
- Knowledge / 지식
- Functionality (No Defect) / 결함은 없는가
- Implementation (Good Code) / 코드는 깨끗한가
- Design & Architecture / 디자인 & 구조

롤 모델을 찾아서 비교한다.

HR System - Education

Example : Learning & Development
- Books, Conferences / 책, 컨퍼런스
- Internal seminars, EDGs / 세미나
- College Programs, Tuition
- Side Projects, Mentoring
- Individual Development Plan
- Studio Summit, Lunch Groups
- Internal mobility (Hiring cross-teams) / 내부 인사 이동

Business Management

Leading People, Manage Business / 사람을 이끈다
Making money
- a certain way doing things you are comfortable doing and contributing to society / 사회에 도움이 된다.
ROI (Return over Investment)
Capability, Strategy, Tatics, Finance, Economics, Marketing, Sales, CS, Operations, Change
Balanced Scorecard
- Financial Perspective
- Customer Perspective
- Internal Process Perspective
- Learning and Growth Perspective
Customer
- The company’s customers
- The leadership
- The employees

Vision, Goals, and Culture

Vision and Goals for the company
Vision and Goals for the team
vision and Goals for you
Exampel: Blizzard Mission Statement

“Dedicated to creating the most epci entertainment experiences…ever.”

Example: Blizzard Core Values
- Gameplay first
- Commit to quality
- Play nice; Play fair
- Embrace your inner geek
- Every voice matters
- Think globally
- Lead responsibly
- Learn & Grow

Software Development

Hard Skill: Learn by Studying
- Basic Knowledge (C++, OS) / 기초 지식들
- Understanding for product / 제품에 대한 이해
- Development Cycle / 개발 싸이클
Soft Skill: Learn by Experience
- Project Management / 프로젝트 관리
- Team Management / 팀 관리
- Process (Agile, Zero-Bug) / 프로세스
Business Skill: Learn from People
- HR System / 인사 시스템
- Business Management / 사업 관리
- Vision/Goals/Culture / 비전/목표/문화

Q&A

Hard Skills
- What to study: Everything
- Growth: Performance review, Endless curiosity / 조금이라도 발전, 끊임없는 호기심
Soft Skills
- Successfult DeveloperL Talent, Practive, Chance
- How is it working in Blizzard: Experts & Collaborations
- Good Developer: Three stages(A, A+, B) / 시키는 일을 한다. 신뢰를 쌓는다.
Business Skils
- How to learn business: Simulation & Communication
- Attitude to become CEO: Responsible for everything
Base Skills
- Smart, Diligent, Good Will
- Communication Skill: Listen more, Win less

I don’t divide the world into the weak and the strong, or the successes and the failures, those who make it or those who don’t. I divide the world into learners and non-learners.

Benjamin R. Barber

성장하고 있는 것이 중요하다.

참고

2016년 11월 6일 일요일

HTTP Content-Type 정리

출처 : http://hbesthee.tistory.com/45

언어에 따른 선언 방식

언어	방식
ASP	<% Response.ContentType = “text/html” %>
JSP	<%@ page contentType=“text/html” %>
PHP	<?PHP header("Content-Type:text/html"); ?>
Perl	print “Content-type: text/html\n\n”;

Content-Type 의 종류

Content-Type: Multipart/related <-- 기본형태
Content-Type: Application/X-FixedRecord

2) XML Media의 타입

Content-Type: text/xml
Content-Type: Application/xml
Content-Type: Application/xml-external-parsed-entity
Content-Type: Application/xml-dtd
Content-Type: Application/mathtml+xml
Content-Type: Application/xslt+xml

3) Application의 타입

Content-Type: Application/EDI-X12 <-- Defined in RFC 1767
Content-Type: Application/EDIFACT <-- Defined in RFC 1767
Content-Type: Application/javascript <-- Defined in RFC 4329
Content-Type: Application/octet-stream : <-- 디폴트 미디어 타입은 운영체제 종종 실행파일, 다운로드를 의미
Content-Type: Application/ogg <-- Defined in RFC 3534
Content-Type: Application/x-shockwave-flash <-- Adobe Flash files
Content-Type: Application/json <-- JavaScript Object Notation JSON; Defined in RFC 4627
Content-Type: Application/x-www-form-urlencode <-- HTML Form 형태

x-www-form-urlencode와 multipart/form-data은 둘다 폼 형태이지만 x-www-form-urlencode은 대용량 바이너리 테이터를 전송하기에 비능률적이기 때문에 대부분 첨부파일은 multipart/form-data를 사용하게 된다.

4) 오디오 타입

Content-Type: audio/mpeg <-- MP3 or other MPEG audio
Content-Type: audio/x-ms-wma <-- Windows Media Audio;
Content-Type: audio/vnd.rn-realaudio <-- RealAudio; 등등

5) Multipart 타입

Content-Type: multipart/mixed: MIME E-mail;
Content-Type: multipart/alternative: MIME E-mail;
Content-Type: multipart/related: MIME E-mail <-- Defined in RFC 2387 and used by MHTML(HTML mail)
Content-Type: multipart/formed-data <-- 파일 첨부

6) TEXT 타입

Content-Type: text/css
Content-Type: text/html
Content-Type: text/javascript
Content-Type: text/plain
Content-Type: text/xml

좀더 다양한 포맷에 대해서는 아래의 URL을 참고하기 바랍니다.
http://www.iana.org/assignments/media-types/

2016년 11월 3일 목요일

HTML `` checked 속성

HTML `<input>` checked 속성

http://www.w3schools.com/tags/att_input_checked.asp

Example

선택된 체크박스가 포함된 폼의 HTML 코드

<form action="demo_form.asp">
  <input type="checkbox" name="vehicle" value="Bike"> I have a bike<br>
  <input type="checkbox" name="vehicle" value="Car" checked> I have a car<br>
  <input type="submit" value="Submit">
</form>

정의 및 사용법

checked 속성은 부울 속성입니다.

checked 가 존재하면 그것은 페이지가 로드될 때 <input>가 미리 선택된 상태를 나타냅니다. (checked)

checked 속성은 <input type="checkbox"> 와 <input type="radio"> 로 사용할 수 있습니다.

또한 checked 속성은 자바스크립트를 통해서 페이지가 로드된 후에도 설정할 수 있습니다.

브라우저 지원

표의 수치는 완전히 특성을 지원하는 브라우저 버전을 나타냅니다.

Attribute
checked	1.0	2.0	1.0	1.0	1.0

HTML 4.01 과 HTML5 에서의 차이점

없음

HTML 과 XHTML 에서의 차이점

XHTML에서는 속성 최소화가 금지되어 있습니다.

checked 속성은 <input checked="checked" /> 와 같이 지정해야 합니다.

문법

<input checked>

2016년 11월 2일 수요일

GitBook 서비스 사용해보기

GitBook 생성 스타일

여러가지 스타일로 생성할 수 있습니다.

BOOK & MANUAL
API DOCUMENTATION
KNOWLEDGE BASE

각 스타일은 book.json에 의해 설정됩니다. 설정부분에 스타일 변경사항은 없고, book.json 파일을 수정해야 합니다. 각 스타일은 read 모드일 경우에 스타일이 서로 다르게 적용됩니다.

BOOK & MANUAL

기본적인 스타일로 생성합니다.

좌측에 챕터 목록이 보이고 우측에 내용이 보이는 형태로 생성됩니다.

상단 메뉴바는 theme-api 플러그인을 적용하여 dark로 나오고 있습니다.

API DOCUMENTATION

API 설명을 위한 스타일로 생성합니다.

2단 배열을 통해, 설명과 예제 코드를 나눠서 보여줍니다.

상단에 지정한 언어인 Javascript 와 Go 를 확인할 수 있습니다.

book.json 파일을 보면, theme-api 플러그인이 적용된 것을 확인할 수 있습니다.

{
    "plugins": [ "theme-api"],
    "pluginsConfig": {
        "theme-api": {
            "languages": [
                {
                    "lang": "js",
                    "name": "JavaScript",
                    "default": true
                },
                {
                    "lang": "go",
                    "name": "Go"
                }
            ]
        }
    }
}

KNOWLEDGE BASE

용어 및 FAQ를 정리할 때 사용합니다.

book.json 파일을 살펴보면 theme-faq 플러그인이 적용된 것을 확인 할 수 있습니다.

{
    "plugins": [ "theme-faq" ]
}

GitBook Plugin

GitBook Plugins를 사용할 수 있습니다. 해당 플러그인을 book.json에 입력하면 적용됩니다.

만약 book.json 파일이 보이지 않는다면 화면 우측 상단에 있는 Edit Book Configuration 메뉴를 실행합니다.

adsense, disqus, theme-api 플러그인을 적용하면 아래와 같습니다.

{
    "plugins": ["adsense", "disqus", "theme-api"],
    "pluginsConfig": {
        "adsense": {
          "client": "ca-pub-[YOUR_CODE]",
          "slot": "[YOUR_CODE]",
          "format": "auto",
          "element": ".page-inner h1"
        }
        , "disqus": {
            "shortName": "[YOUR_NAME]"
        }
        , "theme-api": {
            "theme": "dark"
        }
    }
}

GitBook Editor

GitBook Editor를 다운로드 하여 설치합니다.

desktop 용 프로그램을 실행하고 로그인 하면 내가 생성한 Book 목록을 확인 할 수 있습니다.

Book 을 선택하고 clone 을 하면 로컬에서 수정 할 수 있습니다.

웹에서와 다르게 ``` 만 입력하면 코드입력 부분이 생성됩니다.

우측 상단에 언어를 선택하는 부분도 생성이 되어 좋아 보이지만, 이곳에 코드를 붙여넣기 하면 코드 블럭이 사라지게 되어 문서 작성에 혼란을 주게 됩니다.

웹에서 편집하는 것이 더 좋습니다.

참고

https://bluekms21.gitbooks.io/gitbookhelp_kr/content/

2016년 11월 12일 토요일

[bower] 윈도우에서 .bowerrc 생성 방법

echo 명령어를 사용하여 생성

ren 명령으로 파일명 변경

참고

[bower] 윈도우에서 .bowerrc 생성 방법

echo 명령어를 사용하여 생성

ren 명령으로 파일명 변경

참고

2016년 11월 7일 월요일

개발자가 갖추어야 할 9가지 기술

Hard Skill

Basic Knowledge (C++, OS)

Understanding for product

Development Cycle

Soft Skills

Project Management

Team Management

Process

Process - PMMM

Business Skills

HR System

HR System - Performance Review

HR System - Education

Business Management

Vision, Goals, and Culture

Software Development

Q&A

참고

2016년 11월 6일 일요일

HTTP Content-Type 정리

언어에 따른 선언 방식

Content-Type 의 종류

1) Multipart Related MIME 타입

2) XML Media의 타입

3) Application의 타입

4) 오디오 타입

5) Multipart 타입

6) TEXT 타입

2016년 11월 3일 목요일

HTML <input> checked 속성

Example

정의 및 사용법

브라우저 지원

HTML 4.01 과 HTML5 에서의 차이점

HTML 과 XHTML 에서의 차이점

문법

2016년 11월 2일 수요일

GitBook 서비스 사용해보기

GitBook 생성 스타일

BOOK & MANUAL

API DOCUMENTATION

KNOWLEDGE BASE

GitBook Plugin

GitBook Editor

참고

HTML `<input>` checked 속성