본문 바로가기

DEV/Tips

(40)
[TIP] www.codeschool.com (코드스쿨닷컴) 영문사이트이지만 Javascript, HTML, CSS 기초와 관련된 동영상 강의가 있다.맛보기 강좌만 무료이고 나머지는 유료강의이다. 정부가 초등학생에게도 코딩 교육을 시키겠다고 하니어쩌면 내 자식 때 쯤에는 지금의 EBS처럼 코딩전용 인터넷강의가 많이 생길 것 같다는 생각이 들었다. [출처] https://www.codeschool.com/
[게임용어사전] 기관/용어 [출처] 네이버 지식백과 IDC [Internet Date Center]서버 컴퓨터와 네트워크 회선 등을 제공하는 시설로, 서버를 한 데 모아 집중시킬 피룡가 있을 때 설립한다. CDN [Contents Delivery Network]게임 클라이언트나 콘텐츠를 효율적으로 전달하기 위해 분산된 서버에 데이터를 저장해 사용자에게 전달하는 시스템 ARPU [Average Revenue per User] 게임에서 가입자 1명 당 특정 기간 동안 지불한 평균 금액을 산정한 수치. 부분유료 게임의 수익 지표로 활용된다. NPC [Non-Player Character]게임 안에서 플레이어가 직접 조종할 수 없는 캐릭터. 플레이어에게 퀘스트등 다양한 콘텐츠를 제공하는 도우미 캐릭터. CCU(동시접속자) [Concurr..
[CSS] 자신이 만든 디자인을 CSS로 변환시켜주는 플러그인 2018.04.26 commentoutdated post는 지우려고 했는데, 그냥 역사(!)로 남겨두기로 한다.지금은 웹 디자인을 포토샵보다는 스케치로 많이 할 뿐더러 전달 방식도 제플린을 통해 수치값을 가이드 없이 작업자가 편하게 확인할 수 있다. ~2015년 중반 : 디자이너가 없어서 외주 디자이너의 PSD를 직접 전달받아서 혼자 수치 다 확인하면서 퍼블리싱, 에셋도 직접 다 뽑음2015년 후반 : 디자이너분이 스크린샷 위에 수치값을 적어서 문서로 전달 + 여전히 PSD 파일 필요, 에셋을 직접 뽑기도 함2016년 : 아보코드라고 PSD의 수치값을 비교적 쉽게 확인할 수 있는 툴을 잠깐 사용2017년 : 디자인을 스케치 파일로 하기 시작하면서, 최종 산출물을 제플린으로 받음 에셋도 제플린을 통해서 추..
[티스토리] Syntaxhighlighter 옵션 값 auto-links true URL입력시 자동으로 링크시킬지 여부 설정 데모 보기 class-name '' SyntaxHighlighter에 CSS를 적용시킬 때 데모 보기 collapse false 내용 숨기기 여부 설정 (클릭시 보여지게 하는 기능). 데모 보기 first-line 1 첫번째 라인 번호를 변경 할 때 데모 보기 gutter true 왼쪽 넘버링(숫자) 표시 여부 설정 데모 보기 highlight null 특정 라인의 내용을 강조하고자 할 때 데모 보기 html-script false HTML/XML 코드를 강조하여 표시 데모 보기 smart-tabs true 탭 사용 설성. 데모 보기 tab-size 4 탭 사용시 뛰울 간격 설정 데모 보기 toolbar true 툴바 표기 설정. 데..
[면접질문] front-end 개발자 인터뷰 문제 - CSS 영역 ※ 실무 2년차 수준의 답변임을 감안해주세요 :D Last Update : 2015.06.01 CSS 관련질문: 1. "reset" CSS가 무엇인지, 어떻게 유용한지 설명 해주세요. reset css는 브라우저가 가지고 있는 기본 css를 재설정하는 것이다. 예를 들자면, html, body { margin:0; padding:0; } ul { margin:0; padding:0; list-style:none; } 과 같다. 나의 경우에는 default.css 라는 파일을 규정해놓고 퍼블리싱을 시작한다. 어떤 특정 내용을 긁어다 쓰기보다는 사이트 구성에 필요한 기본적인 내용을 가지고 쓰는것이 중요하다. 2. Floats가 어떻게 동작하는지 설명해주세요. float 는 left, right, none 속..
[면접질문] Front-end-Developer-Interview-Questions 출처 : https://github.com/Songhun/Front-end-Developer-Interview-Questions/blob/master/Korean/README_KR.md 일반적인 질문: Twitter,Facebook 등의 SNS를 사용하시나요? * 사용한다면, 누구를 팔로우 하고 있나요? GitHub을 사용하시나요? * 사용한다면, 어떤 프로젝트를 Watch 혹은 Fork하시나요? 자주 보는 Blog가 있습니까? 버전 관리 시스템은 어떤 것들을 사용해보셨습니까? 선호하는 개발 환경은 무엇입니까? (운영체제, 에디터, 브라우저, 도구 등등) 당신이 웹 페이지를 만들 때의 과정을 설명 해주실 수 있을까요? 점진적 향상법(progressive enhancement)과 우아한 성능저하법(grac..
[웹보안] Same-origin policy 동일 출처 정책(same-origin policy)은 한 출처(origin)에서 로드된 문서나 스크립트가 다른 출처 자원과 상호작용하지 못하도록 제약한다. 출처의 정의 두 페이지의 프로토콜, 포트, 호스트가 같으면 동일 출처(same origin)이다. 아래의 표는 예로든 URL http://store.company.com/dir/page.html 의 출처를 비교한 것이다. https://developer.mozilla.org/ko/docs/Web/Security/Same-origin_policy
[번역] 프론트엔드 개발자는 왜 구하기 어렵나요? [원문출처] http://jjperezaguinaga.com/2014/03/19/why-cant-we-find-front-end-developers/ [번역출처] http://mygony.com/archives/4810/comment-page-1#comment-78084 어느날 우연히 Quora에서 프론트엔드 엔지니어링과 스타트업에 관련된 “Why is it that startups have trouble finding front end developers? (왜 스타트업에서 프론트엔드 개발자를 구하기가 어려운가?)”라는 글을 보게 되었다. 발제자는 다음과 같은 내용도 덧붙였다. (…) 엔지니어링 분야에서 프론트엔드 개발이 다른 분야보다 훨씬 쉽다는 것에는 많은 사람들이 동의할 겁니다. 그런데 왜 스타트..

반응형