0
PORT
FOLIO

A Space to Future's Publisher

스크롤을 내려주세요!

About

소개 이미지

꿈을 설계하고 디자인 하다.

안녕하세요! 웹스토리보이입니다. 저는 공간을 만드는 것을 좋아합니다. 단 하사람이라도 제가 만든 공간 속에서 영감을 받거나 마음이 움직였으면 좋겠습니다. 웹 사이트라는 공간은 상상을 넘어 우리에게 많은 창의력과 영감을 줍니다. 이러한 공간에서 다 같이 꿈을 꾸고 열정적인 엔지니어가 됐으면 좋겠습니다.

이 사이트는 웹스토리보이와 함께 포트폴리오를 완성하고 다같이 정보를 공유하는 사이트입니다. 스터디와 포트폴리오 강의는 매달 강남에서 열리며, 한달에 한번씩 모집합니다. 포트폴리오 강의는 포트폴리오를 만들기 위한 스킬을 배우는 강의이며, 기존에 학원에서 배우지 못한 중급 이상의 기술과 포트폴리오의 퀄리티를 높이는 강의입니다. 포트폴리오 스터디는 혼자서 만들기 힘든 포트폴리오를 도와주는 스터디입니다. 초보 단계에서 느낌는 어려움을 스터디를 통해 해결 할 수 있습니다. 혼자서 하면 힘들 수 있지만 다 같이 하면 좀 더 수월 할 수 있습니다.

웹스토리보이와 같이 포트폴리오를 완성하려면 첫째 유튜브에 공유된 웹표준 사이트 만들기, 반응형 사이트 만들기, 메가박스 사이트 만들기 영상을 보고, 포트폴리오 강의를 들으면서 스터디 하는 것을 추천합니다. 아직 우리는 부족한게 많고 가야할 길이 많이 남았지만 우리의 꿈을 위해 노력한다면 언젠간 99%의 실력이 될 것입니다.

  • 99HTML
  • 99CSS
  • 99Javascript
  • 99jQuery
passion led
us here

Project

UI.UX DESIGN/UI 구현

UI 구현

UI 제작하기

UI 실제 페이지 제작

UI 구현 표준에 따라서 GUI 디자인 가이드를 기반으로 실제 페이지인 UI를 제작할 수있다.
작성된 체크리스트에 따라서 단위 테스트를 수행하며 실제 페이지인 UI를 제작할 수 있다.

UI 개발 환경 수립

  • 안드로이드 개발 환경 구축
    1. ADK 설치
    2. JDK 설치
    3. 이클립스 내 안드로이드 SDK 설치
    4. HTML5 및 CSS3
    5. Javascript

HTML5

웹 표준 기관인 월드와이드웹 컨소시엄(W3C)의 차세대 웹 언어 규격인 HTML5는 현재 글 로벌 웹 표준 기술로 자리 잡았다. HTML5는 문서 작성 중심으로 구성된 기존 표준에 그 림, 동영상, 음악 등을 실행하는 기능까지 포함시켰다. HTML5를 이용해 UI를 구현하면 만 들면 국내 전자상거래에서 많이 쓰이는 액티브X, 동영상이나 음악재생에 플요한 어도비 플래시와 같은 플러그인 기반의 각종 프로그램을 별도로 설치할 필요가 없어진다. HTML5 는 모바일환경에서 iOS이나 안드로이드 등의 운영체제를 가리지 않고 모두 호환되며 높은 보안성도 HTML5 강점이다.

  • DOCTYPE 선언
  • 캐릭터 인코딩 선언 (character encoding)
  • HTML5 기본 구조
  • HTML Canvas : 자바스크립트를 이용해 선을 긋거나 원 등의 이미지를 그릴 수 있다.
  • HTML SVG
    • SVG는 ‘Scalable Vector Graphics’의 줄임말로 웹 상에서 2차원 벡터 그래픽을 표현하 기 위한 XML파일 형식의 마크업 언어이다. 별도의 플러그인이나 뷰어 없이도 그래프, 차 트와 같은 작고 간단한 그래픽 요소부터 애니메이션화된 일러스트와 같이 화려하고 복잡 한 요소에 이르기까지 이미지의 왜곡이나 손상 없이 고화질의 UI 그래픽 효과를 웹 상에 서 구현할 수 있다는 장점이 있다.

CSS3.0 기본 기능

  • 둥근 모서리 : 이미지를 사용하지 않고, 둥근 모서리 또는 테두리와 버튼을 생성할 수 있다. 둥근 사각형 (Rounded Rectangle): border-radius 속성 값의 비율로 모서리에 곡선 을 적용 할 수 있다.
  • 그라데이션(Gradients) : 배경색상을 변경할 때 사용할 수 있다. linear (선형 gradient) 와 radial(원형 gradient) 두 가지로 나눌 수 있다.
  • CSS3 RGB 색상과 투명도(opacity) UI 구현
  • 텍스트 그림자 효과 UI 구현
  • CSS3 전환효과 (Transitions) : 이미지에 전환 효과를 적용한 UI 구현
  • CSS3 애니메이션효과 : 이미지에 움직이는 효과를 적용한 UI 구현
  • CSS3 그라데이션 효과 UI 구현

Interview

Contact

소개 이미지

안녕하세요!

포트폴리와 스터디와 포트폴리오 강의는 여기서 신청을 받습니다. 스터디와 강의는 웹퍼블리셔 취업 또는 이직을 목표로 한 분만 지원을 받습니다. 다음의 내용을 적고 보내주시면 신청됩니다.

이름 : 누구누구
나이 : 몇 살
배움 이력 : ex)국비학원 6개월 수료
배움 과목 : ex)스터디 or 강의 or 둘다
취업 준비 기간 : ex)1개월
카카오 아이디 : 단톡 초대를 위함

강의와 스터디는 보통 대기 기간이 2~3달 정도 소요됩니다. 그 부분을 계산하시고 신청해주시기 바랍니다. 메일이 확인되면 메일로 신청 계좌가 전송되고 입급하시면 예약이 완료됩니다. 완성된 포트폴리오 사이트와 공부 방법들은 다 같이 볼 수 있도록 공유됩니다. 스터디 또는 강의를 참여하는 분들은 이 부분을 동의한 것으로 간주되며, 이 부분을 확인 후 신청해주시기 바랍니다. 여러분이 보내 주신 개인 정보는 참고만 하고 즉시 파기함을 알려드립니다.

kakao ID
@webstupids
public an
episode together.