More actions
No edit summary |
(Repair batch-0007 pages from live compare) |
||
| Line 38: | Line 38: | ||
하지만.. 타협이 필요함 | 하지만.. 타협이 필요함 | ||
어느 환경에서도 디자인 대로 보이게 | 어느 환경에서도 디자인 대로 보이게 | ||
브라우저 버전 따라 ㅠㅠ | |||
* html | * html | ||
| Line 86: | Line 86: | ||
* Babel : 버전에 따른 코드 변환 | * Babel : 버전에 따른 코드 변환 | ||
* Webpack : 모듈 번들링 | * Webpack : 모듈 번들링 | ||
Latest revision as of 01:32, 27 March 2026
예정
- 이번정모는 18시 00분부터 이루어집니다.
- OMS : 이민욱
- 진행 사항 공유
- 장소 : 310관 730호
- 스터디 및 프로젝트 - 활동지도/2017
- Angels Camp 논의 // 수요 있으면 26,27 예정
- // 이번주 안까지 devil's camp 일정 확정 다음주 부터 연사 모집
- 박희정 선배님 인턴 홍보 + 설명회 (프론트엔드 개발 세미나)
목요일 금요일 시간 논의
- Google i/o 2017 라이브뷰 행사 meetup 5/17 9:00 PM ~ - 안재형
진행
- OMS : 정적사이트 생성기
- 정적 사이트를 사용하는 이유(속도, 안정성)
- 하지만 정적 사이트를 하드 코딩하는 것은 쉽지 않다.
- 정적 사이트 생성기는 일정한 규칙에 따라 정적 사이트를 생성
- Jekyll(github page 공식 지원), Octopress, Hexo 등등
- Jekyll 시연
- 스터디 및 프로젝트
- 진행이 원활하지 않으면 조정 예정
- 스스로 열심히 합니다.
- Angels Camp 진행 확정
- 박희정 선배님 인턴 - 추후 재공지, 박희정 선배님이 방문 예정
5월 19일 세미나
프론트 엔드 개발
발표 : 박희정
- 마크 업
디자인 대로 구현하기가 제일 중요한데 하지만.. 타협이 필요함 어느 환경에서도 디자인 대로 보이게 브라우저 버전 따라 ㅠㅠ
- html
의미에 맞게 써야 한다
- css 클래스 네이빙
네이밍 관련 방법론 BEM OOCSS SMACSS
- 웹 접근성 준수하기
예를 들면 시각장애인
- 성능 최적화
--> 항상 코스트를 생각해야함 Css minify css sprite
- 프로세스 고도화
- 바뀌는 표준, 새로운 기술
- 마크업에는 정답이 없다.
왜 이렇게 짰는지 물어보면 대답할 수 있도록.
- 열심히 공부합시다. 기술은 계속 나옵니다.
JS 개발
발표 : 안미리
- DOM --> 동적인 웹사이트
- 사용자와 상호작용
- HTTPS 통신으로 새로고침 없이 홈페이지 갱신
프레임워크와 라이브러리
JQuery React Angular JS Vue.js Ember.js 등등
<서버사이드> Node.js
- NPM : 외부 의존성 관리
- Babel : 버전에 따른 코드 변환
- Webpack : 모듈 번들링