ASH_Blog 전체보기
-
개발자와 기획자가 꼭 알면 좋은 css - 1. display : block;html, css/css-display속성들 정리 2018. 7. 7. 03:11
몇몇 프로젝트를 경험 하면서 느낀건데, 제가 경험한 기획자님과, 웹 개발자님들은 크롬 요소 검사로 css를 보실 줄 알아서 여러가지로 코딩 관련 이야기 하는데 있어서 편하게 이야기를 할 수 있어서 좋았고 간단한 수정건들도 굳이 css를 작업하여 주지 않고 구두로나 메일로 코멘트만 해주어도 알아서 수정을 해주어서 간단하게 작업을 마무리 할 수 가 있었는데, 개발자님과 기획자님들이 이정도는 필수로 알고 있으면 좋을것 같은 것들을 몇가지 정리를 해봅니다. 1. 태그의 display 속성 과 특징 알기. 당연히 를 모르는 개발자님, 기획자님은 없을 것이라고 생각합니다. 하지만 div의 특징은 잘 모르는 분들도 있을 것입니다. 간혹 개발자님들이 이 div 들끼리 붙이고 싶다거나, 아니면 div 안에 내용을 오른쪽..
-
섹션1. 함수형 프로그래밍 개요 정리javascript/인동님 인프런강의 정리 2018. 7. 7. 01:32
이강의 1. https://www.inflearn.com/course-status-2/ 의 내용 정리 함수형 프로그래밍이란 ?성공적인 프로그래밍을 위해 부수 효과를 미워하고 조합성을 강조하는 프로그래밍 패러다임. 일급함수의 개념과 순수함수의 특성을 이용하여 함수의 조합성을 높여가는 것 부수효과를 미워 한다는 말은 순수 함수를 만드는 것인데 순수함수는 들어온 인자가 같으면 항상 동일한 결과를 리턴 하는 함수, 함수가 받은 인자외에 다른 외부에 상태에 영향을 끼치지 않는 함수,리턴 값 외에는 외부와 소통하는 것이 없는 함수. 함수형 프로그래밍은 순수 함수의 조합으로 프로그래밍을 한다. 순수함수로 모듈화 수준을 높이게 되면오류는 적고 안정성이 높은 생산성 좋은 성공적인 프로그래밍을 할 수 있다라고 볼 수 있다..
-
CSS 성능을 높일 수 있는 CSS BEM 방법론html, css/css 2018. 5. 9. 17:10
하단의 참고 사이트를 읽고 이해한 것을 정리 하였으며, 천천히 차근 차근히 정독 하셔야 이해가 될 것이라 예상 됩니다, 그리고 혹시 잘못 이해한 것이 있으면 댓글로 알려주시면 정말 감사 하겠습니다. bem 스타일에 대해서 소개하기 앞서 오늘날 대부분의 기기는 초당 60회의 빈도로 화면을 새로 고칩니다. 각 프레임에는 16ms 가량의 시간만 할당 되는데(1초/60 = 16.66ms) 실제로 브라우저는 실행준비를 해야하므로 10ms 내에 모든 작업을 완료해야 합니다. 제한 시간을 충족 하지 못하면 버벅거림 현상이 발생하며 사용자에게 거부감을 줍니다. 완전 간단하게 이야기를 하자면 브라우저가 렌더링을 하는데 여러가지의 과정들을 거쳐서 렌더링이 되는데 그 과정중에서 스타일을 재계산 하고 페이지 또는 페이지 일부..
-
자바스크립트 핵심가이드Book/자바스크립트 핵심가이드 2018. 2. 14. 10:02
자바스크립트 핵심가이드 / 더글라스 크락포드 지음 / 김명신 옮김 / 한빛미디어 if문과 for문만 아는 상태로 작년 2017년 11월 부터 이책으로 스터디를 진행중인데...기초 지식이 없는상태에서 이책을 보는게 조금 버겁긴 함. 구글에 자바스크립트 책 을 검색을 하면 이책에 대해서 많이 추천을 하여서 일단은 사서 공부를 진행하고는 있는데..이책은 입문자용이 아니기에 친절한 설명은 기대하기 어려움.콜백, 모듈, 연속홀출, 재귀함수, 메모제이션, 등 다 1페이지로 설명이 끝남 --;;덕분에 이책 스터디를 진행한지 4개월인 지금 이제서야 4장 함수까지 진도를 끝내고 5장 상속을 진행 하고 있음.. 그래도 이책의 예제들이 전부는 다 이해가지는 않지만 하나 하나 쳐보고 부족한 설명들은 많은 개발자 분들의 블로그..
-
html Attributes 정리html, css/html 2018. 2. 2. 18:40
onafterprint = string 브라우저에서 프린트를 끝냈을 때 발생 onbeforeprint = string 브라우저에서 프린트를 시작할 때 발생 onbeforeprint = string 페이지에서 벗어나기전에 발생 onblur = string 포커스를 잃었을때 발생 onerror = string 올바르게 로드 되지 않을때 발생 onfocus = string 포커스를 얻었을 때 때 발생 onhashchange = string 이벤트는 같은 페이지 안에서 해시(#)만 바뀌었을 때. 즉, 페이지에서 id가 있는 요소로 이동했을 때 발생 onload = string 문서가 로드를 마치고 발생 onmessage = string 문서가 메세지를 받았을 때 발생 onoffline= string 네트워크 연..
-
SMA CSSBook/ SMA CSS 2018. 1. 24. 09:02
SMA CSS : 조나단 스눅 지음 / 박소은 옮김 / 인사이트 2년 전에 서점에 sass 책을 구입하려고 갔다가 sass 책인 줄 알고 책 내용도 보지도 않고 산 기억이 있는데..보고나서 참 잘 샀다고 생각 한 책 임. 웹퍼블리셔 1년차 즘에, 평상시 css 를 어떤 규칙으로 짜야 할지 고민만 많았고, 또 실무에서 css를 짜게 될때 똑같은 스타일을 여러번 주게 되는 상황이 있게되면 짜증나고 그랬었는데..이책을 보고나서 나의 템플릿 스타일 가이드를 잡는 기준을 잡는데 많은 도움이 되었다. 이책의 대해서 짧막히 요약을 하자면 "범주화" css 규칙을 범주화 함으로써 규칙에서 패턴이 보이기 시작하고, 각 패턴을 더 적절하게 사용할 수 있게 된다. css 의 규칙은 총 5가지로 나누는데1.베이스2.레이아웃3..
-
<section> vs <article>html, css/html 2017. 10. 11. 10:53
www.w3.org에서 section 태그와 article 태그의 정의를 다음과 같이 하고 있습니다. article 요소는 문서, 페이지, 응용 프로그램 또는 사이트에서 완전하거나 완전한 구성을 나타냅니다. 이것은 잡지, 신문, 기술, 학술 기사, 에세이 또는 다른 소셜 미디어 게시물, 블로그 또는 기타 소셜 미디어 게시물일 수 있다. 일반적인 규칙은 문서의 내용이 문서의 윤곽에 명시적으로 나열되는 경우에만 문서 요소가 적합하다는 것이다. 각 문서는 일반적으로 품목 요소의 하위 항목으로서 제목(h1 - h6 요소)을 포함하여 식별해야 한다. 복수의 기술은 그 기사의 의미를 사용자에게 전달할 수 있다. 이 정보는 사용자에게 콘텐츠 유형에 대한 힌트를 제공할 수 있습니다. 예를 들어, 요소의 역할과 일치하는..