More actions
No edit summary |
No edit summary |
||
| Line 29: | Line 29: | ||
* 박희정 선배님 인턴 - 추후 재공지, 박희정 선배님이 방문 예정 | * 박희정 선배님 인턴 - 추후 재공지, 박희정 선배님이 방문 예정 | ||
= 5월 19일 세미나 = | = 5월 19일 세미나 = | ||
프론트 엔드 개발 | |||
발표 : [[박희정]] | 발표 : [[박희정]] | ||
* 마크 업 | |||
마크 업 | |||
디자인 대로 구현하기가 제일 중요한데 | 디자인 대로 구현하기가 제일 중요한데 | ||
하지만.. 타협이 필요함 | 하지만.. 타협이 필요함 | ||
| Line 40: | Line 40: | ||
[[브라우저 버전 따라 ㅠㅠ]] | [[브라우저 버전 따라 ㅠㅠ]] | ||
html | * html | ||
의미에 맞게 써야 한다 | 의미에 맞게 써야 한다 | ||
css 클래스 네이빙 | * css 클래스 네이빙 | ||
네이밍 관련 방법론 | 네이밍 관련 방법론 | ||
BEM | BEM | ||
| Line 49: | Line 49: | ||
SMACSS | SMACSS | ||
웹 접근성 준수하기 | * 웹 접근성 준수하기 | ||
예를 들면 시각장애인 | 예를 들면 시각장애인 | ||
성능 최적화 | * 성능 최적화 | ||
--> 항상 코스트를 생각해야함 | --> 항상 코스트를 생각해야함 | ||
Css minify | Css minify | ||
css sprite | css sprite | ||
* 프로세스 고도화 | |||
* 바뀌는 표준, 새로운 기술 | |||
* 마크업에는 정답이 없다. | |||
왜 이렇게 짰는지 물어보면 대답할 수 있도록. | |||
* 열심히 공부합시다. 기술은 계속 나옵니다. | |||
JS 개발 | |||
발표 : [[안미리]] | |||
*DOM --> 동적인 웹사이트 | |||
*사용자와 상호작용 | |||
*HTTPS 통신으로 새로고침 없이 홈페이지 갱신 | |||
프레임워크와 라이브러리 | |||
JQuery | |||
React | |||
Angular JS | |||
Vue.js | |||
Ember.js | |||
등등 | |||
<서버사이드> | |||
Node.js | |||
* NPM : 외부 의존성 관리 | |||
* Babel : 버전에 따른 코드 변환 | |||
* Webpack : 모듈 번들링 | |||
Revision as of 10:25, 19 May 2017
예정
- 이번정모는 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 : 모듈 번들링