Difference between r1.2 and the current
@@ -1,3 +1,4 @@
= 예정 =
* '''이번정모는 18시 00분부터 이루어집니다. '''* [OMS] : [이민욱]
* 진행 사항 공유
@@ -8,3 +9,81 @@
* 박희정 선배님 인턴 홍보 + 설명회 (프론트엔드 개발 세미나)
목요일 금요일 시간 논의
* Google i/o 2017 라이브뷰 행사 meetup 5/17 9:00 PM ~ - [안재형]
목요일 금요일 시간 논의
* Google i/o 2017 라이브뷰 행사 meetup 5/17 9:00 PM ~ - [안재형]
= 진행 =
* [OMS] : 정적사이트 생성기
* 정적 사이트를 사용하는 이유(속도, 안정성)
* 하지만 정적 사이트를 하드 코딩하는 것은 쉽지 않다.
* 정적 사이트 생성기는 일정한 규칙에 따라 정적 사이트를 생성
* Jekyll(github page 공식 지원), Octopress, Hexo 등등
* Jekyll 시연
* 다음 [OMS] : [김한성] 클라우드 서버 어디까지 써봤니
* 스터디 및 프로젝트
* 진행이 원활하지 않으면 조정 예정
* 스스로 열심히 합니다.
* 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 : 모듈 번들링
예정 ¶
진행 ¶
5월 19일 세미나 ¶
프론트 엔드 개발
발표 : 박희정
* html
의미에 맞게 써야 한다
의미에 맞게 써야 한다
* css 클래스 네이빙
네이밍 관련 방법론
BEM
OOCSS
SMACSS
네이밍 관련 방법론
BEM
OOCSS
SMACSS
* 웹 접근성 준수하기
예를 들면 시각장애인
예를 들면 시각장애인
* 성능 최적화
--> 항상 코스트를 생각해야함
Css minify
css sprite
--> 항상 코스트를 생각해야함
Css minify
css sprite
* 프로세스 고도화
* 바뀌는 표준, 새로운 기술
* 마크업에는 정답이 없다.
왜 이렇게 짰는지 물어보면 대답할 수 있도록.
* 바뀌는 표준, 새로운 기술
* 마크업에는 정답이 없다.
왜 이렇게 짰는지 물어보면 대답할 수 있도록.
* 열심히 공부합시다. 기술은 계속 나옵니다.
JS 개발
발표 : 안미리
*DOM --> 동적인 웹사이트
*사용자와 상호작용
*HTTPS 통신으로 새로고침 없이 홈페이지 갱신
*사용자와 상호작용
*HTTPS 통신으로 새로고침 없이 홈페이지 갱신
프레임워크와 라이브러리
<서버사이드>
Node.js
* NPM : 외부 의존성 관리
* Babel : 버전에 따른 코드 변환
* Webpack : 모듈 번들링
Node.js
* NPM : 외부 의존성 관리
* Babel : 버전에 따른 코드 변환
* Webpack : 모듈 번들링