Hong’s portfolio - sli.do 바로가기Github 소스 바로가기 포트폴리오 주제강의 중 실시간으로 질문, 답변을 받는 서비스 포트폴리오 개발 기간2016-11 ~ 공부하며 코드 리펙토링 중입니다. 특징 및 기능반응형 웹 : 데스크탑, 테블릿, 모바일에 대응하여 적절한 view를 보여줍니다.JSON파일의 data를 불러옵니다. (그룹 이름,
결과화면 보기 | Github 소스 바로가기 개발 기간2016-07 특징 및 기능그리드 시스템에 따른 반응형 웹데스크탑 대응은 10컬럼, 모바일 대응은 2컬럼 그리드 시스템을 사용하였습니다. 코드 설명grid-responsive.css모바일 대응 : .unit-s-1-2 ~ .unit-s-11-12데스크탑 대응 : .unit-l-1-2 ~ .unit-l
해당 코드가 있는 Github 바로가기 CSS Preprocessor 인 SASS. 웹 스타일링을 담당하는 CSS를 좀 더 똘똘하게 사용하고 유지보수를 좋게하는 프리프로세서입니다. 설치 및 Sass to CSSSass to CSS를 위해 node sass를 실행합니다. 추후엔 Gulp같은 자동화툴로 관리하도록 합니다. 다운로드 및 설치git bash :
JavaScript 프로토타입 방식으로 클래스 만들기 - 탭 메뉴 해당 코드가 있는 Github 바로가기 | 결과화면 보기 1234567891011121314151617181920212223242526272829303132333435363738394041424344// 2. 함수 단위 -> 프로토타입 방식 클래스(function(global, $)&#
완전정복 스터디 3권(웹동네)으로 공부 + 코드 리펙토링 :)해당 코드가 있는 Github 바로가기 Class함수가 특정 알고리즘을 포장하는 기술이라면, 클래스는 연관있는 변수와 함수만을 포장하는 기술입니다.클래스로 포장하는 이유는 객체 단위로 코드를 그룹화 하고 재사용하기 위함입니다. ES6에서는 class가 생겼지만 아직 이전 버전으로 개발을 많이 하
해당 코드가 있는 Github 바로가기 | 결과화면 보기 속성 선택자주로 특수한 상황인 요소를 찾을 때 쓰입니다.[class="snack"] : classname이 반드시 snack인 요소 선택[class="snack seeu"] : classname이 반드시 snack seeu인 요소 선택[class*="sn
Hong’s portfolio - 선대인경제연구소 main 바로가기sub page01 | sub page02-블로그리스트 | sub page03-블로그내용 포트폴리오 개발 기간2015-12 특징 및 기능웹표준, 웹접근성 준수크로스 브라우징 : IE8 이상UI에 초점 사용 SkillHTML, CSS, jQuery, JavaScript, Photoshop 고
Hong’s portfolio - SK 주식회사 main 바로가기sub page01 | sub page02 | sub page03-게시판리스트 | sub page04-게시판내용 포트폴리오 개발 기간2015-11 특징 및 기능반응형 웹 : 데스크탑, 테블릿, 모바일에 대응하여 적절한 view를 보여줍니다.웹표준, 웹접근성 준수크로스 브라우징 : IE8 이상