목록분류 전체보기 (53)
러너효방
HTML Menu List cate01 cate02 cate03 cate04 cate05 cate05 cate06 cate07 CSS .nav_cat_list{display: flex;} .nav_cat_list h2{font-size:24px; margin-top: -7px; font-weight:bold; color:#333; } .nav_main_list{display: flex;margin: 0 15px 8px 15px;border-top: 2px solid #e2e2e2;border-bottom: 2px solid #e2e2e2;padding: 22px 10px 0;} .nav_main_list li{list-style: none; text-align: center; margin: 0 auto;..
크롬에서 이미지 랜더링 문제가 있어 원본 해상도 보다 확대 또는 축소되는 경우 이미지가 흐려질 수 있습니다. 상위 css에 전체 img를 선언하면 해결됩니다. ※ 공통 css에 선언할 시 문제가 될 수 있습니다. css img{image-rendering: -webkit-optimize-contrast;} Comment ※ 일반 새로고침 F5 ※ 일반 새로고침 + 캐시 초기화 Ctrl + F5 ※ 강력한 새로고침 Ctrl + Shift + R - 맥에서는 오래 클릭해도 반응이 없음, Command + Shift + R 단축키를 눌리면 강력한 새로고침 됩니다.
HTML Menu1 Menu2 Menu3 Menu4 Menu5 Menu6 Menu1 Menu2 Menu3 Menu4 Menu5 Menu6 css .nav_main_list{display: flex; list-style: none; } .nav_main_list li{margin-right: 25px; } .nav_main_list a {text-decoration: none;} Comment ※ 리스트 왼쪽으로 나열 display: inline-flex; ※ li 리스트 점 없애기 list-style: none; ※ a 태그 밑줄 없애기 text-decoration: none; ※ div에 마우스 hover 손가락 아이콘 나타내기 cursor: pointer; Java Script
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/csl476/btsyLIkLusy/yWoCb34Zs34Wd9oHLy1bu0/img.png)
교재 : 멘토씨리즈 파이썬 컴파일 방식 : 번역 인터프리터 방식 : 한 줄씩 번역 기계어 : 0과 1의 이진수로 이루어진 언어 0 : 전류가 통하지 않는 상태 off 1 : 전류가 통하는 상태 on 인터프리터 방식 : 대화형 언어 파이썬 특징 : 머신러닝 빅데이터 분야로(마케팅, 무역, 빅데이터)급부상 빠른 속도로 프로그램 개발이 가능합니다. 파이썬 활용 : 빅데이터에서 시각화, 인공지능 분야 IDE(Integrated Development Enviromnent) 통합개발환경 소스코드 작성, 오류 수정, 컴파일, 실행, 배포 등 프로그램을 개발하기 위해 필요한 모든 작업을 하나의 프로그램 안에서 처리할 수 있는 환경 인터프리터 방식 : 한 줄씩 번역 IDLE 시작 후 쉘에서 Ctrl + N 누르면 스크립..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/7VbGv/btsyHzie6AP/KOD3zPGLqreA56egdgMaP0/img.png)
성장 마인드셋 : 실패를 통해 배운다 UI : User Interface의 줄임말. 제품을 사용할 때 일관성을 주기 위해 시각 언어의 규칙을 만드는것 UX : User Experience(사용자 경험)의 줄임말. 사용자가 제품을 사용할 때 할 수 있는 모든 경험. 디지털 경험뿐만 아니라 물리적인 경험 또한 여기에 들어갈 수 있다. 사용자 관점에서 사용자가 겪는 문제점을 해결해주는 제품을 디자인 하는것. 사용자에게 지속적으로 피드백을 받고 그들의 관점에서 제품을 만들거나 개선해야 한다. 이것을 가설을 세우고 제품을 디자인한 후 사용자를 통해 가설을 검증하는 것의 반복 작업이다. UI와 UX의 차이점은 UI는 시각적인 완성도를 높히고 UX는 UI 디자인을 포함한 상위 개념으로써, 사용자를 이해하기 위한 *유..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bHsW2T/btsyIRiqUkB/L2KkYuab7lurDeHF8HyUO1/img.png)
1강 제품, 디자이너가 아닌 사용자에 초점을 두는 UX UX는 사용자 즉 사람의 초점을 맞추고 있다 결국 어떤 제품이나 서비스를 쓰는 것은 사용자이기 때문에 사용자의 대한 연구, 공부를 계속 해야한다. 심리학적인 부분까지 이해해서 사람들에 필요에 맞는것을 만드는것이 중요 사용자에 대해 이해하고 제품을 디자인하는 것이 UX 디자이너의 역할이다. 사용자에 니즈는 시간에 따라 바뀌고 서비스 제품에 따라 사용자 니즈가 달라지기 때문에 끊임없이 사용자에게 배워야 해야함 사용자에게 배워야하고 끊임없이 들을려고 하는 자세를 가져야 한다. 개발자, 프로덕트 매니저, 마케터 등 다양한 사람들을 통해 다른 관점들을 배우고 이를 통해 더 좋은 제품과 서비스를 만들어야 한다. (커뮤니케이션이 중요함) 2강 UX가 중요해진 이..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/dWSQfI/btsyMc6Y8oT/jKpQs4fCGSbN7USbaIr0Ok/img.png)
좋은 서비스란 서비스 사용자에게 이로운 것 : 사용자가 필요로 하는 것을 적합한 방식으로 제공 서비스를 제공하는 조직에 이로운 것 : 수익성이 있는 동시에 운영하기 쉽다. 사회 전체에 이로운 것 : 우리가 살고 있는 세상을 파괴하거나 사회 전체에 부정적인 영향을 미치지 않는다. 55p 서비스를 찾을 때는 서비스의 명칭이 가장 중요하다. 사용자가 하고자 하는 바가 명칭에 방영되어야 한다. 사용자가 이해할 수 있는 용어를 사용한다 64p 서비스의 목적을 명확히 하기 위해서는 사용자를 위한 서비스의 역할과 이유,방식, 사용자에 관해 생각한다. 사용자에게 서비스의 명칭과 설며으 인터페이스의 기능방식 등의 명확하게 전달 73p 서비스 사용자의 기대치에 관한 내용을 요약하자면 서비스에 관한 사용자의 기대치가 무엇인..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/JFBfr/btsyNnUt96z/fsZ8ZB4niO6zlI5PKaMQUk/img.png)
39p 노션은 크게 블록, 페이지, 워크스페이스 3가지 요소로 구성되어 있음 블록에 콘텐츠를 직접 작성하거나 임베드(Embed - 포함시키기)와 임포트(Import - 가져오기) 등의 방법으로 블록 구현할 수 있다. 여러개의 페이지를 정의한 역할에 맞게 필요한 기능을 넣어 정리하면 하나의 워크페이스가 구성된다. 노션은 마크다운(온라인에서 글을 쓰는 사람들이 쉽게 글을 쓸 수 있도록 하는 텍스트 문법 HTML로 쉽게 변환할 수 있으며 재 사용이 가능한 서식) 노션은 온라인에서 정보를 수집하고 정리하는 데 유용한 툴이다. 웹 클리핑으로 노션에 스크랩한 정보도 있다. 노션 웹 클리퍼를 설치하면 노션을 실행하지 않아도 브라우저에서 확장 프로그램 아이콘 클릭만으로 웹 클리핑을 할 수 있다. 인라인 블록 : 다른 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bnePWN/btsyHbIJBW7/KTEKtIVXLK0UU8qriUwOSk/img.png)
용어 알아가기 애자일 : 2000년대부터 주목받기 시작한 소프트웨어 개발 방식이다. 계획이나 문서화 작업보다는 프로그래밍 과정에 초점을 두고 있다. 고객의 피드백을 적극적으로 반영하고 개발 환경에 유연하게 대처할 수 있는 게 특징이다. 린 스타트업 : 스타트업 등 벤처기업의 성공을 위한 경영전략의 하나이다. 아이디어를 빠르게 최소요건제품(시제품)으로 제조한 뒤 시장의 반응을 통해 다음 제품 개선에 반영하는 전략. 정보 아키텍쳐 : 업무의 각 구성 요소에 대한 분석 작업을 수행하여 업무의 체계를 정립한 것] 인터렉션 디자인 : 디지털 기술을 이용해 사람과 작품 간의 상호작용을 조정하여 서로 소통할 수 있도록 하는 디자인 분야(클릭, 탭, 스와이프 한 후에 반응을 결정) 우리가 실제 웹을 사용하는 방법 사용..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/lKQId/btsyLL2ORhz/nszfKhqaUtK5FRnavlkFBK/img.png)
AARRR : Acquistion(인수), Activation(활성화), Retention(보유), Revenue(수익), Referral(추천) 25p 순환 반복으로 전체 소용시간을 최소화 제품 ↔ 아이디어 ↔ 데이터(순환) 린 UX는 제품 기능을 추가하는 것이 아니라 어떤 지표가 비즈니스를 이끄는지 알아내고 이러한 지표를 개선하기 위해 해결해야 할 고객이 문제가 무엇인지 이해하고, 고객의 어려움을 개선하는데 필요한 아이디어를 도출한 다음 그게 적합한 아이디어인지 검증하는 것이다. 린 UX는 사용자 중심적이다 공감 → 문제정의 → 아이디어도출 → 프로토타입제작 ↔ 테스트 UCD : 사용자 중심 디자인 User-centered-design 린 UX는 애자일(문서 설계)이다 항상 제품 요구사항 정의서를 제..