본문 바로가기
[프로그래밍 #5]프로그래머의 세계 이해하기_코드잇 #1 프로그래밍의 다양한 분야1. 컴퓨터 사이언스의 기본 객체 지행 프로그래밍 알고리즘 자료구조2. 부가적인 컴퓨터 구조 운영체제 컴파일러 웹개발 데이터베이스 네트워크 #2 소프트웨어 공학▼ 소프트웨어로 제품/서비스를 만드는 방법에 대한 학문. (기획 → 제작  →  테스트  →  출시  →  사후관리)  - 기획 : 어떤 것을 만들지 정하는 단계  - 개발 : 기획한 것을 만드는 단계  - 테스트 : 개발이 기획대로 잘 되었는지 확인하는 단계  - 배포 : 개발된 제품 / 서비스를 사용자가 사용하는 단계  - 유지/보수 : 출시된 서비스를 변화시키는 단계 #3 프로세스 관리1. 애자일(agile) : 결과물을 만들어 미리 확인하고 수정하며 진행하는 방식  -> 중간중간 사용하면서 발전시키기 때문에 기능..
[프로그래밍 #4] 프로그래밍 언어 이해하기_코드잇 #1  프로그래밍 언어 살펴보기프로그래밍 언어란?- 컴퓨터에게 어떠한 일을 해야하는 알려 주는 설명서가 프로그램.- 그 프로그램이 작성된 언어가 프로그래밍 언어.   * 어떠한 계산 결과를 얻을 수 있도록 톱니바퀴를 움직이는 것으로도 해석 할 수 있음.   * 다양한 언어들이 존재 -> JavaScript, Ruby, Python C++ 등등 #2 프로그래밍 언어를 분류하는 두 가지 기준프로그래밍 언어를 분류할 패러다임1. 객체 지향 프로그램 : 한 기능의 역할을 하는 객체별로 프로그래밍을 짜는 방향.  ➢ 객체별로 코딩을 짜면 되니 일일이 전체를 검토할 필요 없이 해당 객체만 검토한다는 장점이 있음.2. 자료형 : 변수에 담길 데이터가 어떠한 타입인지 미리 정해 주는 것.  ➢ 자료형을 정해주는 언어는..
[UI Design #1]UI 디자인 기초_코드잇 #1 UI 디자인 이해하기UI는 유저 인터페이스 (User Interface)의 줄임말- User : 사용자- Interface : 무언가를 하기 위한 도구 #2 디자인 툴 다루기레이어 패널 : 하나의 투명한 필름의 개념, 여러개 쌓을 수 있는 필름 같은 개념룰러(Rulers) : 피그마 내에서 가이드라인을 실행시키는 기능 #3 좋은 UI 디자인좋은 디자인에서는 같아야 하는 것이 있고, 달라야 하는 것이 있다.- 일관성 : 동일하게 지켜나가야 하는 것.- 위계질서 : 대비 or 달라야 하는 것.   * 색상, 크기, 밝기 등 대비를 통해 좋은 UI를 만들 수가 있다. (시각적인 무게감 구분)
[아티클 인사이트 #12] 유저플로우(User Flow) 그리는 방법 디자이너 or 기획자,개발자들이 커뮤니케이션을 위해 최소한의 약속을 통해 유저플로우를 만들고 읽을 필요가 있다고 생각을 한다. 이번 아티클에서는 최소한의 약속을 위해 유저플로우를 그리는 방법에 대해서 언급하고자 한다. 해당 내용은 브런치 '쪼렙서비스기획자'글을 참고하였다. 유저플로우(User Flow) 그리는 방법 (brunch.co.kr) 유저플로우(User Flow) 그리는 방법 유저님, 어디로 가시나이까- | 지난 유저 스토리, 유저 시나리오에 이어 두 번째 공부할 내용은 바로 유저 플로우(User Flow)이다. (기획엔 참으로 유저 들어가는 내용이 많다... ㅎㅎ) https://brunch.co.k brunch.co.kr #1 오늘의 아티클 ▼ 유저플로우(User Flow) 그리는 방법 #2 ..
[아티클 인사이트 #11] 시각적으로 균형있는 디자인하는 방법(시각 보정 팁) 나는 디자인을 바라볼 때, 완벽한 도형, 완벽한 비율을 되게 좋아했다. 디자인을 하다 보면 완벽한 비유를 위해서 소프트웨어가 가이드해주는 라인에 딱맞게 제작을 했던 적이 있다. 디자인을 바라보는 우리의 시각과 그 물체를 인식하는 뇌에서는 조금 기하학적인 완벽비율보다 조금 다르게 해석하는 것 같다. 그 내용을 이번 아티클에서 찾아볼 수 있어 참고하였다. 시각적으로 균형있는 디자인하는 방법(시각 보정 팁) (brunch.co.kr) 시각적으로 균형있는 디자인하는 방법(시각 보정 팁) 목차 1.측정한 크기와 눈에 보이는 크기 2.다양한 도형의 배열(정렬) 3.시각적으로 올바른 모서리 라운딩 4.보너스 + 추천 책 1920년대 시각적 인식에 대한 게슈탈트 이론이 발표되었다. 이 이론은 brunch.co.kr #..
[클론 디자인] 웹사이트 클론 디자인 #1 웹 서비스 선정 ▽ VOD 스트리밍 OTT Service ‘넷플릭스’ Main View 주로 OTT 서비스인 ‘넷플릭스’를 스마트 기기인 모바일앱 버전이 아닌 데스크탑 버을 이용한다. 자주 봐왔던 화면인 만큼 해당 서비스 화면을 따라 만들고 싶은 생각이 들어 이번 클론 디자인으로 택했다. #2 작업물 소개 첫 프로필 화면에서는 다른 정보와 방해되는 요소들이 없이 오로지 프로필 부분에서만 초점을 주었기 때문에 깔끔한 UI가 인상적이다. 메인화면에서는 Black & White 색상을 이용하여 배경과 콘텐츠들을 시각적으로 표현을 했고, 사용자가 알아야할 중요한 정보는 Red 색상을 통해 중요한 포인트들을 심어주었고 전체적으로 깔끔하고 버릴 것 없는 디자인이라는 것을 보여준 UI였다. #3 유저 플로우 해..
[아티클 인사이트 #10] 네이버 UI 업데이트 분석 자주 사용하는 네이버앱 검색 UX/UI가 개편되었다는 이야기를 들었다. 마침 브런치에서 좋은 글이 있어 이 아티클을 참고하여 글을 써보게 된다. https://brunch.co.kr/@yu0/60 네이버 UI 업데이트 분석 유저와 디자이너 사이 어정쩡한 시선으로 재미삼아 쓴 | 습관적으로 사용하던 앱의 UI 업데이트나 새로운 UX에 대해서 분석하게 되는데, 오늘은 네이버의 UI가 대폭 업데이트 됨에 따라 이를 분석 brunch.co.kr #1 오늘의 아티클 ▼ 네이버 UI 업데이트 분석 #2 아티클 정보 요약 ▼ 파워 링크 가격 링크를 더 자세히 설명할 수 있도록 키워드, 제공 서비스, 상세 견적, 가격까지 한 스크롤에서 볼 수 있게 되었다. ▼ 장소 탐색 장소 상세 페이지에 들어가지 않아도 유저들의 리..
[아티클 인사이트 #9] UI를 위한 색 색은 어떤 특정한 사항, 정보를 강조하기 위해 주로 사용하는 시각 언어라고 생각한다. UI를 디자인하면서 시각 원리가 어떻게 적용되는지 좋은 자료가 있어 이번 아티클을 분석해 보았다. https://brunch.co.kr/@blckschrl/41 06화 UI를 위한 색 우리의 눈이 보는 색의 원리와 UI 디자인 | 색은 강한 자극을 주는 시각 언어입니다. 화면 내에서 사용자를 행동하게 하거나 반드시 알아야 하는 정보를 강조하기 위해 주로 사용하는 요소입니 brunch.co.kr #1 오늘의 아티클 ▼ UI를 위한 색 #2 아티클 정보 요약 ▼ 색 속성 색은 3가지 속성이 있다. 고유한 색의 종류를 구분한 색상 (hue), 원색의 진하기로 구분한 채도 (Saturation), 밝고 어두움을 구분하는 명도 ..

티스토리툴바