본문 바로가기

전체 글83

UI / UX 란 ?​ 웹 퍼블리싱이란? ㅡUI / UX 란 ?​ UI는 User Interface의 줄임말로, 사용자가 제품/서비스를 사용할 때, 시각적으로 보이는 부분입니다. 사용자가 제품/서비스와 상호작용할 수 있도록 만들어진 버튼, 화면 구성, 콤보박스.. 등등 이러한 것들을 UI Component (UI 요소)라고 부릅니다. ​ UX는 User eXperience의 줄임말로, 사용자가 어떠한 서비스/ 제품을 이용하면서 느끼는 부분입니다. 사용자의 느낌, 만족감, 불편함, 과정.. 등등 모든 부분이 UX에 포함됩니다. ​ 은행 앱에서 돈을 송금하는 것을 예시로 들어보겠습니다. 로그인 > 공인인증 > 송금할 금액 입력 > 은행선택 > 계좌 번호 입력 > 송금 버튼 클릭 > 비밀번호 입력 > 송금 완료 이런 일련의 과정이 모두 UX입니다. .. 2023. 6. 4.
입문) HTML CSS (display 속성 block) CSS ★ 3대 속성 : position, display, float ★ 이번에는 display 속성에 대해 알아보자 ㅡ display 속성 : css 레이아웃을 잡는데 있어서 가장 많이 사용되는 속성이다. ㅡ display 종류 ex)기본 3가지 display:none; 아예 안보이게 없앤다. dispaly :block; 각각 나 혼자 한줄 다씀 (줄바꿈) dispaly:inline-block; 한줄 안에 다 들어가는 것. (글자화 ) dispaly:inline : 인라인블럭과 비슷하다 white-space:nowrap; 절대 줄바꿈 하지 마세요 HTML에서 ㅡ블록요소란 ? 어떤 엘리먼트에 display 속성이 block 이다. 대표적으로 div ㅡ인라인요소란? 대표적으로 span 이 있다. secti.. 2023. 6. 4.
입문) HTML 과 CSS 기초 (선택자) *먼저 코딩 연습할 사이트 열기 가장 하단에 있음. HTML : 배우 (보여지는 것) CSS : 코디 (꾸며주는 것) ㅡ HTML 과 CSS 의 관계 꾸며주는 속성은 CSS에 넣어준다. 둘을 이어준다. HTML -구조 : 에리먼트 = 요소 : 엘리먼트 하나의 태그가 시작되고 /끝나는 것 >>>>>>여기 내용 작성 하게 됨 ; 가장 기본적인 태그 ( 나누다) :헤드와 바디는 형제자매 아래에는 모두 자식 -반복 주기 구조 section{$ 안녕}*5 후 탭 li*4>a ==각각a 버튼이 4개 생긴다. target="_blank" 새창으로 ex) 예제 11 22 33 444 CSS 선택자란? CSS 가 HTML을 연결해주는 방법 * {} = 모두선택 div section { background-color:bl.. 2023. 5. 31.
#7~11강 제어문 조건문 if 조건문 switch 반복문 for 반복문 while / do-while 반복문break / continue ★ 제어문의 종류 : 조건문, 반복문 1. 조건문 1) IF 문 : 만약에 조건이 참 이라면 ~실행해 if(조건식){ 조건식이 참 일때 실행할 명령; } if-else 문 : " 만약에 조건이 참 이라면 ~ 실행하고 그렇지 않다면 ~ 실행함 " * else는 바로 위 조건문만 부정함 if=else if 문 : "만약에 조건1이 참이라면 ~실행해, 만약에 조건1이 거짓이고,조건2가 참이라면~실행해" 중첩 if문 : if문 안에 if문이 존재하는 문법 2) switch 문 : "이 case 는 이렇게 처리할게 ! " switch(변수){ case 값1 : 변수 ==값1 이 같을때 실행할 명.. 2023. 4. 10.

티스토리툴바