반갑습니다

고정 헤더 영역

글 제목

메뉴 레이어

반갑습니다

메뉴 리스트

  • 홈
  • 태그
  • 방명록
  • 분류 전체보기 (45)
    • 나의 하루 공부 일정표 (11)
    • 배너 디자인 (6)
    • 공부 요점 정리 (25)
    • 페이지 구축 (2)

검색 레이어

반갑습니다

검색 영역

컨텐츠 검색

분류 전체보기

  • 프로토타입, 프로토타이핑이란?

    2020.06.09 by ssw0428

  • 피그마(Figma)란?

    2020.06.09 by ssw0428

  • 스케치(Sketch)란?

    2020.06.09 by ssw0428

  • ADOBE XD(Experience Design)란

    2020.06.09 by ssw0428

  • flex에 대해서

    2020.05.27 by ssw0428

  • [html/css] vertical-align에 대해서

    2020.05.25 by ssw0428

  • 20.05.23 공부계획표

    2020.05.23 by ssw0428

  • 자바스크립트- 조건문에 대해서

    2020.05.22 by ssw0428

프로토타입, 프로토타이핑이란?

프로토타입이란? - 원래의 형태나 전형적인 예, 기초를 말한다. 즉, 시제품이 나오기 전의 제품의 원형으로 만들어서 본다는 것이다. - 베타버전, 시험버전, 샘플, 시스템의 초기모델이라고 말한다. 프로토타이핑이란? - 개발자들과 사용자들의 의사소통의 효과를 증진시키기 위해 취하는 시스템개발상의 기법.

공부 요점 정리 2020. 6. 9. 22:45

피그마(Figma)란?

피그마란? - XD와 스케치와 같은 웹,앱 디자이너에게 필요한 프로그램. 피그마 장점. - 저장을 따로 안해도 된다. (가장 최신의 화면을 항상 유지) - 한 계정으로 앱,웹에 저장된 것들을 다 사용할 수 있다. - 피그마는 한 화면에서 디자인, 프로토타이핑, 코드까지 모두 확인할 수 있다. - 실시간으로 협업이 가능하다.

공부 요점 정리 2020. 6. 9. 22:34

스케치(Sketch)란?

스케치란? - 단순하고 직관적인 인터페이스로 쉽고 빠르게 앱,웹 디자인을 할 수 있다. 스케치의 장점 - 백터기반이다. - 편리한 리소스 관리가 된다. - 웹과 앱에 최적화 되어 있다. - 쉽게 협업이 된다. 코멘트나 어떤 필요한 부분이 있으면 다양한 플러그인 설치로 가능핟.

공부 요점 정리 2020. 6. 9. 10:59

ADOBE XD(Experience Design)란

어도비 XD - 웹, UX/UI 디자이너를 위한 디자인 협업 도구이다. - XD하나로 디자인과, 프로토타입까지 만들 수 있다. [프로토 타입이란? 소프트웨어나 하드웨어를 출시하기 이전에 그 타당성의 검증이나 성능평가를 위해 미리 시험삼아 만들어 보는 모형제작법] XD의 장점 - 사용하는데 많은 메모리를 잡아먹지 않고, 쾌적하게 잘 사용할 수 있다. - 늦게 출발한 주자인만큼 프로그램에 대한 확장성과 편리함을 더욱 더 추가해준다. 또한 XD 하나로 끝낼 수 있도록 업 데이트와 기능들을 계속적으로 추가시켜준다. -

공부 요점 정리 2020. 6. 9. 10:54

flex에 대해서

속성의미 displayFlex= Container를 정의 // center, flex-end, space-around, space-between, => justify-content flex-flow= flex-direction와 flex-wrap의 단축 속성 flex-direction= Flex Items의 주 축(main-axis)을 설정 // row, column (reverse) flex-wrap= Flex Items의 여러 줄 묶음(줄 바꿈) 설정 justify-content= 주 축(main-axis)의 정렬 방법을 설정 align-content= 교차 축(cross-axis)의 정렬 방법을 설정(2줄 이상) align-items= 교차 축(cross-axis)에서 Items의 정렬 방법을 설정..

공부 요점 정리 2020. 5. 27. 12:19

[html/css] vertical-align에 대해서

css에서 inline요소와 inline-block요소를 수직, 정렬할 때 사용된다. - 요소 자체에만 적용이 된다. [내용에는 미치지 않는다.] - 블록요소에는 적용x [ ex) div 등등 ] - vertical-align은 정렬하려는 요소를 다른 인라인 요소와 상대적으로 정렬한다. [ 같은 줄에서 크기에 따라 높낮이가 달라짐.]

공부 요점 정리 2020. 5. 25. 12:05

20.05.23 공부계획표

15 : 00 ~ 18 : 00 html,css 공부(웹 시안 만들기) 자바스크립트..(복습) 18 : 00 ~ 20 : 00 저녁 및 쉬기 21 :00 ~ 23 : 00 나머지 공부하기

나의 하루 공부 일정표 2020. 5. 23. 15:06

자바스크립트- 조건문에 대해서

- 연산자 산술 연산자 종 류 기본형 설 명 + A + B 더하기 - A - B 빼기 * A * B 곱하기 / A / B 나누기 % A % B 나머지 대입 연산자 종 류 기본형 A = B A = B A += B A = A + B A -= B A = A - B A *= B A = A * B A /= B A = A / B A %= B A = A % B 비교 연산자 종 류 기본형 A > B A가 B보다 크다. A = B A 가 B 보다 크거나 같다. A == B A 와 B 는 같다. (좌변과 우변이 같으면 true) A != B A 와 B 는 다르다. (좌변과 우변이 다르면 true) 논리 연산자 종 류 설명 || or 연산자라고도 부르며, 피연산자 중 값이 하나라도 tru..

공부 요점 정리 2020. 5. 22. 10:30

추가 정보

인기글

최신글

페이징

이전
1 2 3 4 ··· 6
다음
TISTORY
반갑습니다 © Magazine Lab
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바