분류 전체보기 159

[ Web & MarkUp ] HTML이란?

[ Web & MarkUp ]   HTML이란?  ∇ HTML이란??목 차1. HTML 이란?2. HTML 구조.3. HTML Block and Inline Elements4. HTML 태크 종류. ∇ HTML 이란?     "HTML [ Hypertext Markup Language , 하이퍼텍스트 마크업 언어 ]은 프로그래밍 언어는 아니고,       ( html로 코딩한다 하면 개발자 긁기 가능)      우리가 웹 환경에서 보는 웹페이지가 어떻게 구조화되어 있는지 브라우저에게 인식시키는 언어,      즉 ! 웹문서 형태를 작성하는 언어입니다.  https://www.w3schools.com/html/ W3Schools.comW3Schools offers free online tutorials, ..

[ 서비스 기획 & UX ] UIUX원칙 : 3 MicroInteraction 6가지 원칙 가이드라인.

[ 서비스 기획 & UX ] UIUX원칙 : 3  MicroInteraction 6가지 원칙 가이드라인.   ∇ 마이크로 인터렉션 6원칙.목 차1. 시스템 상태를 보여줍니다.2. 버튼과 컨트롤을 분명해 보이게 만들어줍니다.3. 의미 있는 전환효과를 만듭니다.4. 사용자가 시작할 수 있도록 도와줍니다.5. UI상의 변화를 강조합니다.6. 재밌는 디테일들을 추가합니다.7. 마이크로 인터렉션을 디자인할 때 고려해야 할 사항들. 1. 시스템 상태를 보여줍니다.      "시스템 상태"를 유저(사용자)에게 인지시키는 것은       ' 제이콥 닐슨'이 언급한 것처럼 첫번째 휴리스틱 평가 지침입니다.       ex ) 데이터업로드, 다운로드 프로세스, 새로고침 등에서                애니메이션 효과를 ..

UX Director. 2024.10.15

[ 컴퓨터 그래픽스 ] Open GL의 개념을 정리해보기.

[ 컴퓨터 그래픽스 ] Open GL의 개념을 정리해보기. ∇ Open GL의 개념 정리. 목 차1. OpenGL이란?2. OpenGL의 장단점.3. Legacy OpenGl vs Mordern OpenGL4. OpenGL의 세부 개념들.      1. Open GL이란?        √ Open GL.               - OpenGL이란,  "Open Graphics Library"로 Graphics 프로그래밍을 위한 API입니다.                    ( 이름과 다르게, Library가 아닌 API )               - OS는 OpenGL 인터페이스를 제공하고, GPU는 OpenGL implementation인 그래픽 카드 드라이버를 제공합니다.             ..

[ 컴퓨터 그래픽스 ] 웹 GL(Web GL) 이란

[ 컴퓨터 그래픽스 ] 웹 GL(Web GL) 이란    ∇ Web GL           - 웹 GL은 웹 브라우저 환경 기반 위에 3D 그래픽을 구현하는데에 사용되는 기술로,              웹 브라우저 상에서 하드웨어 가속 3D 그래픽(GPU)을 지원하기 위해 만들어진 JavaScript API입니다.            - 인터렉티브한 환경을 구현하고 싶은 웹 개발자들은 GLD를 통해서 3D 시각화와 인터렉티브한 웹 경험을                   페이지에서 구현하여, 사용자들에게 제공할 수 있습니다.             @예시들https://www.awwwards.com/ Awwwards - Website Awards - Best Web Design TrendsAwwwards a..

[ 컴퓨터 그래픽스 ] 웹 그래픽이란 무엇인가? ( WebGL, OpenGL, WebGPU )

[ 컴퓨터 그래픽스 ] 웹 그래픽이란 무엇인가? ( WebGL, OpenGL, WebGPU )   ∇ Web Graphic (웹 그래픽 )목 차 1. 웹 그래픽스의 기초2. OPen Gl & WebGl3. 개선된 API4. WebGPU   1. 웹 그래픽스의 기초.      웹 그래픽스는 웹 브라우저에서 2D 및 3D 그래픽을 렌더링하는 기술을 의미합니다.        이 기술은 유저들의 웹 브라우저가 GPU(그래픽 처리 장치)를 활용하여                     그래픽 요소를 화면에 표시합니다.              ∇ 하드웨어 가속( Hardware Acceleration )의 중요성.                  - 하드웨어 가속은 그래픽 처리를 CPU에서 GPU로 이전시키는 기술입니..

[ 서비스기획 & UX ] UIUX원칙 #2 : 회원 가입을 유도하는 10가지 UX 원칙 가이드라인들.

[ 서비스기획 & UX ] UIUX원칙 #2 : 회원 가입을 유도하는 10가지 UX 원칙 가이드라인들.   ∇ 회원 가입 유도하는 UX 전략 10가지. [ 닉 바비치 ]목 차 원칙 1. 'Sign In' 과 'Sign Up'을 같이 사용하지 않습니다.원칙 2. 최대한 많은 입력 칸을 제거합니다.원칙 3. 로그인 양식과 회원가입 양식을 구분합니다.원칙 4. 유저가 패스워드를 볼 수 있게 해줍니다.원칙 5. 가이드를 준다.원칙 6. 유저 네임보다는 이메일이나 전화번호를 활용합니다.원칙 7. 페이스북, 구글, 네이버, 카카오톡 등의 SNS 계정을 통해 로그인 가능하도록 해줍니다.원칙 8. 등록하면 로그인 상태를 유지하게 해줍니다.원칙 9. 패스워드 복구 방법은 쉽게 만듭니다.원칙 10. '구매 전 이용' 전략..

UX Director. 2024.10.09