세줄코딩

Angular essentials 리뷰 앵귤러앵귤러~가자가자 ~ 했던 지가 벌써 9개월이 지나버렸다. AngularJs 1.x는 몇 번 플젝을 해서 대충 아는데 2.0 이후로는 완전히 다른 언어의 느낌이라몇번의 고배를 마셔야 했다. 그 사이 버전은 Angular 7 을 앞두고 있다.. 하아~ 나와 버렸다. 최근 4달 동안 그나마 용기를 붇돋아?(쉬운설명?)주어 공부를 하게 해준 책이다. es6와 typescript의 설명도 일목요연하게 잘 정리되어 있어 보기 좋았다.하지만 완전 초보가 보기엔 조금 무리가 있을 것 같은 생각이 든다. 물론 앵귤러를 공부하려는 학습자들은 보통 HTML/CSS/Javascript 및 웹개발의 기초지식도 있기에 대부분 이해하겠지만 그래도 용어 설명 조금 부족하지 않았나 싶다. ..

소책자라 맘에 들어 구매했다. CSS가 결코 만만한 것은 아니지만 그렇다고 개발 서적처럼 두꺼운 책등으로 부담을 느끼긴 싫었다.찾던 중 오호 이런게 있었군...( 물론 다른 비슷한 것들도 있었으나 ~ 신간이라 그냥 좋음 ㅋㅋ ) 책 제목대로 레이아웃 위주라 CSS의 모든 것을 다루진 않는다.하지만 레이아웃의 모든 것을 알려주려 한다. 다만 실무에서 구브라우저( IE9 이하 ) 등을 주로 작업하다면 많은 재미를 보긴 힘들 거 같다. 모던 브라우저 위주이니 참고하자.몰랐던 내용도 있고 궁금했던 display:flex 에 대한것도 일목요연하게.. 암튼 기대했던 것이상으로 좋다.

함수형 자바스크립트 - 음 말로만 듣던? 함수형 자바스크립트를 잘 써봐야지 했으나 이걸 굳이 책으로 사서 써보게 될 줄 몰랐다. 아직 다 보진 못했다.. 4장 중후반부 부터 이책의 내공은 엄청나다.. 초반에 아래와 같은 문구가 기재되어 있었으나.... 초급/중급 - 1장 정독내공 상당한 개발자 - 2장까지 대강 훑으라 함. or 3장으로 바로 직행.고수 개발자 - 4장까지 재빨리 읽고 5장부터 라고 했지만 음....너무 어렵다. js라이브러리인 로다쉬/언더스코어/람다 등으로 마구 섞어 설명한다. 그냥 그런 느낌이겠지 하고 넘어가곤 있으나 7~8장부터는 외계어를 읽는 느낌이다. 내부 처리방식등의 도식화도 많이 있으나 이해가 안가는....거의 람다js 와 순수js를 고찰하는 느낌이라 그런 거 같다.분명히 배..

나만의 음악 라이브러리를 만드는 소셜네트워크 서비스 ~ https://www.last.fm/ Scrobble - 자신의 음악 리스트를 웹으로 전송, 기록하는 작업. Scrobble 간단 체험 방법 = Youtube + 크롬 앱 Scrobbler 조합. 1. 라스트에프엠에 회원가입후 2. 크롬브라우저용 앱 - https://chrome.google.com/webstore/detail/web-scrobbler/hhinaapppaileiechjoiifaancjggfjm 을 설치. 3. Youtube 페이지에서 음악을 듣거나 하면 브라우저 우측 상단에 Scrobbler 아이콘이 녹색으로 활성화 되는 것을 볼 수 있다. 마지막으로 last.fm 에 가서 내페이지를 열어보면 자신이 들었던 음악 기록이 남아 있는 것..

현재 PC 사용자 기준으로 어느 해상도 사이즈에서 보편적으로 사용되는지 통계치가 필요했는데 마침 딱 그런 사이트가 있었다. 우선 글로벌 기준으로 많이 사용하는 디바이스/해상도 등을 살펴볼수 있다.ASIA/Europe/Oceania/America 등 문화권 별로도 선택할 수도 있어서 좋았다. http://gs.statcounter.com/ 아래 그림처럼 다양한 기준 통계를 살펴 볼 수 있다. 심지어 기준 통계를 선택하고 상세페이지로 들어가면 챠트 이미지며 csv 데이터도 다운 받을 수 있고Embed HTML URL도 제공하고 있어 여러모로 사용할 수 있다.

Angular Directive - 제일 헷갈리는 녀석들 ViewContainerRef- ViewContainerRef는 하나이상의 뷰를 포함시킬수 있는 컨테이너이다. 이 컨네이너에는 2종류의 뷰가 포함될 수 있다. 하나는 ViewContainerRef의 createComponent 메소드를 통해 컴포넌트를 인스턴스화하여 만든 호스트 뷰이고 또 하나는 ViewContainerRef 의 createEmbeddedView 메소드를 통해 ng-template 을 인스턴스화 하여 포함한 임베디드뷰이다. 다시 말해 ViewContainerRef는 새로운 요소(컴포넌트나 ng-template 디렉티브로 래핑된 요소)를 DOM에 삽입하기 위해 필요한 컨테이너(DOM요소) 로서 createComponent, creat..

# def 키워드는 파이썬에게 지금부터 함수를 정의한다고 알림. # 함수 안쪽에 들여쓰기 한부분은 함수 바디 # 함수 바디에 따옴표 3개로 둘러싼부분은 독스트링 이라고 불리는 주석. def greeter_user(username): """독 스트링 - 간단한 환영 인사""" print("Hello, " + username.title() + "!") # 매개변수 greeter_user('jbc') # greeter_user() 함수는 변수 username을 요구하도록 정의됨. # 여기서 username은 매개변수라고 한다. # 함수를 호출할 때 전달하는 값도 매개변수라고 함. # 키워드 매개변수 # 기본값 - 매개변수의 기본값 정할 수 있다. 함수 호출시 매개변수를 넘기면 파이썬은 그값을 사용한다. def..

# input() 함수는 프로그램을 잠시 중단하고 사용자가 텍스트를 입력할 때까지 기다린다 # input() 함수는 매개변수를 하나만 받는다 # message = input("Tell me something and I will repeat it back to you: ") # print(message) # name = input("please enter your name: ") # print("Hello "+ name + "!") prompt = "If you tell us who you are we can personalize the message you see. " prompt += "\nWhat is your first name? " # name = input(prompt) # age = input..