스터디/프론트 엔드
-
190528 HTML/CSS 학습 노트 - 2스터디/프론트 엔드 2019. 5. 28. 22:30
1. 좋은 id, class 이름 짓는 Convention이 있으니 찾아서 사용하도록 하자 + 지인으로부터 도움받은 링크 ↓ [CSS] 디버깅 시간을 절약 할 수있는 CSS 명명 규칙 많은 개발자들이 CSS를 싫어한다고 들었습니다. 내 경험에 의하면, 이것은 CSS를 배우는 데 시간을 투자하지 않아 생긴 결과입니다. CSS는 가장 훌륭한 '언어'는 아니지만 20년 넘게 웹 스타일을 성공적으로... www.vobour.com [코드스쿼드] CSS 클래스와 네이밍 CSS 클래스와 네이밍 antaehyeon.github.io 2. id, class 사용은 팀 or 개인이 정한 규칙을 따르면 된다. 3. style을 HTML 페이지에 적용하는 세 가지 방법 inline - HTML 태그 안에 바로 적용하는 방법..
-
190527 HTML/CSS 학습 노트 - 1스터디/프론트 엔드 2019. 5. 27. 22:10
1. UI레이아웃을 위한 HTML 태그들 1. HTML 5에 새롭게 추가된 header나 footer 등의 태그는 모바일 환경에서 주로 사용한다. 그 이유는 모바일 대부분 최신 브라우저를 사용하고 있기 때문에, 위 태그를 사용해도 문제없이 돌아간다. 2. PC는 사용자가 가장 오래된 버전부터 최신 버전까지 사용하는 경우가 있기 때문에, Web이라는 공공재 특성 상 그 사용자들을 배려해야 한다. 그래서 header나 footer를 사용하지 않고, div태그를 활용하고 그 대신 class 값을 header나 footer로 주어서 그 구분을 하고 있다. 3. HTML 구조화 설계 Company Name Home Home About Map About us Lorem ipsum dolor sit amet, con..
-
[Naver D2] 빠르게 살펴보는 웹 개발 트렌드스터디/프론트 엔드 2019. 5. 27. 20:59
서버 중심으로 개발 사용자가 요청한 화면을 서버에서 페이지 단위로 생성해서 제공 그 당시 JS는 제한된 기능에만 사용하는데 활용 수준 밖에 안됐음 99년쯤 ajax, 2003 spring, 2006 jquery등장 J쿼리를 통해 화면을 조작하는 기능이 붐이 일어남. 모바일이 2008년에 등장하고 나서 Mobile Firtst의 반응이 생기기 시작 모바일의 사용율이 증가하면서 반응형 웹의 수요 역시 증가 클라이언트 중심으로 개발 일단 클라이언트를 준비하고 추가로 필요한 데이터를 클라이언트가 주도적으로 요청해서 이미 화면에 떠있는 페이지 부분에 추가, DOM에 적극적으로 개입 시작 고도화 복잡해지는 프론트엔드 로직을 체계적으로 관리하기 위해 '프레임 워크' '라이브러리'를 적극적으로 사용 라이브러리의 조합으..
-
프로그레시브 웹앱(Progressive Web Apps)이란?스터디/프론트 엔드 2019. 5. 24. 00:20
2018-02-25 PROGRESSIVE WEB APPS, PWA, 프로그레시브 웹앱 프로그레시브 웹앱(Progressive Web Apps)은 Google I/O 2016에서 소개된 미래의 웹기술이며, PWA라고 줄여서 부르기도 합니다. 먼저 구글에서 소개하는 PWA는 이러합니다. PWA는 최고의 웹과 최고의 앱을 결합한 경험이다. 브라우저를 통해 처음 방문한 사용자에게 유용하며, 설치가 필요하지 않다. 사용자가 PWA와 관계를 점진적으로 형성할수록 성능이 더욱 강력해 질 것이다. 느린 네트워크에서도 빠르게 로드되고, 관련된 푸시 알림을 전송한다. 모바일 앱처럼 전체 화면으로 로드되고, 홈 화면에 아이콘이 있다. 쉽게 말하자면, PWA는 모바일 앱과 웹 기술의 장점을 결합한 것이라고 볼 수 있습니다. ..