WEB(31)
-
UI 디자인과 Interaction 디자인 법칙 #1
User Interface - 사용자와 기술이 만나는 인터페이스이자 접점 - 사용자가 시스템을 입력하면 출력 장치를 통한 정보 제공이 이뤄지는 디자인 User Interface Role ✔ 보편성 - 다양한 사용자가 사용할 수 있도록 디자인 한다. ✔ 사용성 - 좋은 사용성은 사용자 인터페이스의 주된 목적이다. UI 디자인 원칙 1. 일관성을 유지한다. - 일관성이 기반된 제품은 신뢰를 갖고 사용할 수 있음 - 사용자가 디지털 환경에 적응하는데 도움이 됨 2. 보편적인 사용성을 추구한다. - 기술 성숙도 여부에 상관 없이 용이한 학습이 가능하도록 - 사용자들이 숙련된 사용자가 될 수 있도록 서포트하는 디자인 3. 유용한 피드백을 제공한다. - 현실에서 느끼는 피드백처럼 디지털 환경에서도 액션에 대한 피드..
2021.03.25 -
UX 디자인 기본 개념
Digital 시대에서 UX의 역할 : 기술이 일상에 정착하기 까지 기술과 사용자 간 거리를 좁히는 것 UX 역사 1. 테일러리즘 - 프레드릭 윈슬로 테일러가 창시한 과학적 관리법 - 기존의 비효율적인 생산 방식 -> 표준 작업방식으로 경제적 효율성, 특히 노동생산성 증진(대량생산) 2. 도요타의 생산 방식 - 어느 누구라도 노동하기 쉬우면서 일하는 보람과 자아실현을 느낄 수 있는 공장 지향 - 적시 생산 방식과 자동화 도입 3. 인지과학 - 1940년대 인간을 연구하는 철학자, 심리학자, 인류학자, 컴퓨터과학자, 생물학자등 다양한 분야의 학자들의 인공지능 연구가 시작되며 만들어진 융합 학문 - 1960년대까지 컴퓨터를 주로 '문제 해결형 기계' 로 생각함 4. 제록스와 HCI - 최초의 GUI와 마우스..
2021.03.25 -
콘솔에 출력, script async와 defer의 차이점
Hello World!> ※ node, vscode 사용 이후 콘솔창을 열어서 node main.js를 해주면 콘솔창에 Hello World가 출력되는것을 보실수 있습니다. index.html 에 기본 코드 입력후 title태그 밑에 main.js를 연결해주는 코드 작성 이후 Live server extension 을 사용해 index.html 을 열어 console을 보면 Hello World!가 찍혀져 있는것을 볼수 있습니다. parsing HTML -> blocked -> parsing HTML fetching js, executing js 단점 : 사용자가 웹 사이트를 보는데 많은 시간이 걸린다 parsing HTML -> fetching js -> executing parsing HTML 과 f..
2021.03.16 -
자바스크립트의 역사와 현재 그리고 미래
1993년 -> Mosaic Web Browser 1994년 -> Netscape Navigator(80% 점유율) 1994년 9월 -> Mocha: 추후 LiveScript + Interpreter 1995년 -> LiveScript: JavaScript로 이름 변경 -> MS에서 Reverse engineering : Jscript 1997년 7월 -> ECMAScript 1 그 이후 2, 3(1999), 4(2000) 출시 2000년 InternetExplorer 95%점유율 2004년 -> Firefox 출시 -> AJAX 2008년 -> Chrome(JIT) 2009년 -> ECMAScript 5 2015년 -> ECMAScript 6 현재 가고 있는 방향 : SPA(Single Page App..
2021.03.15 -
react-native Delete ` CR` eslint(prettier/prettier) error
앱을 만들어보고 싶어서 react-native를 사용하던 중 이러한 에러가 종종 생기곤 한다. 에러 : Delete ` CR` eslint(prettier/prettier) 해결방법 : 아래의 코드를 .eslintrc.js 에 넣어주면 된다. rules: { 'prettier/prettier': [ 'error', { endOfLine: 'auto', }, ], },
2021.03.14 -
Modeling as Django
모델링을 통한 테이블 생성 순서 1. models.py 에서 모델링을 한다 2. python manage.py makemigrations 로 주문서를 만든다 3. python manage.py migrate 로 주문서 내역대로 테이블을 생성한다 서버 최초 실행시 migrate 로 기본 사용자 등등의 설계를 담은 주문서를 테이블로 만든다 DATABASE oracle, postgresql, mysql 등등 연동가능 STARTAPP python manage.py startapp [이름] => [이름]이라는 앱이 생성됨 => 기존 폴더에 settings.py에 INSTALLED_APPS에 앱을 만들었다는것을 알려줘야된다 '[이름]', id : 기본키 (primary key), 고유 식별 가능한 정보 한 테이블 ..
2020.10.08