코드스테이츠 SEB FE 41기/Section 별 내용 정리 (67) 썸네일형 리스트형 section3/Unit4/[사용자 친화 웹] 웹 표준 & 접근성(11/4) 블로깅 주제 웹 표준 웹 표준 웹 vs 인터넷? 🤔 인터넷은 웹 기반으로 작동한다. ( O / X ) 정답은 X이다. 인터넷이 웹보다 좀 더 포괄적인 개념이기 때문이다. 인터넷은 ‘전 세계적으로 연결되어있는 컴퓨터 네트워크 통신망’을 의미하며, 웹뿐만 아니라 온라인 게임, 모바일 앱, 이메일 등 네트워크를 사용하는 다양한 서비스들을 모두 포함한다. 웹은 ‘공간’이다. 문서, 이미지, 영상 등 다양한 정보를 여러 사람들과 공유할 수 있는 공간이 ‘웹’이다. 우리가 쉽게 접하는 웹툰의 어원 역시 World Wide Web(웹) + Cartoon(만화)을 합친 것이다. 인터넷만 연결되어 있다면 웹이라는 공간 안에서 만화를 자유롭게 보고 댓글도 달 수 있다. 웹 표준의 정의 웹 표준이란 W3C(World Wid.. section3/Unit4/ [React] 상태 관리(11/2) 블로깅 주제 Redux, Cmarket-Redux Redux Redux란? 아래 사진과 같은 구조의 React 애플리케이션이 있다고 생각해보자. 이 애플리케이션은 컴포넌트3, 컴포넌트6에서만 사용되는 상태가 있다. 그렇다면 이 상태를 어느 컴포넌트에 위치시켜야 할까? 기존에 배운 React의 데이터 흐름에 따르면, 최상위 컴포넌트에 위치시키는 것이 적절하다. 하지만 이런 상태 배치는 다음과 같은 이유로 다소 비효율적이라고 느껴질 수 있다. 1. 해당 상태를 직접 사용하지 않는 최상위 컴포넌트, 컴포넌트1, 컴포넌트2도 상태 데이터를 가짐 2. 상태 끌어올리기, Props 내려주기를 여러 번 거쳐야 함 3. 애플리케이션이 복잡해질수록 데이터 흐름도 복잡해짐 4. 컴포넌트 구조가 바뀐다면, 지금의 데이터 흐.. section3/Unit4/ [React] 상태 관리(11/1) 블로깅 주제 상태관리 1. 지금 현재, 당신의 기분이나 느낌을 표현해 주세요. 리액트 커스텀 컴포넌트 어드벤스드는 매우 어려웠다... 어제 밤에 탈탈 털리고 잤다^^7 2. 오늘 무엇을 학습한 내용 중 지금 떠올릴 수 있는 단어를 모두 나열해 주세요. 상태관리 3. 2에서 작성한 단어를 가지고, 오늘의 학습 내용을 설명해 보세요. - 상태관리 1. 전역 상태관리 상태는 변하는 데이터이다. 특별히 UI, 프론트엔드 개발에서는 "동적으로 표현되는 데이터"이다. "장바구니에 담기"와 같은 버튼을 눌러, 해당 물품을 장바구니에 추가할 수 있다. 동적인 데이터이므로 이것은 상태이다. 상단에 [일반구매/정기배송]중 현재 선택된 탭이 무엇인지 나타내는 상태가 있을 수 있다. 상품 선택 여부에 따라 주문 금액이나 배송.. section3/Unit3/ [React] Custom Component(10/28) 블로깅 주제 React Custom Component 1. 지금 현재, 당신의 기분이나 느낌을 표현해 주세요. 역시 금요일... 꼭 금요일에 나오는 과제들은 다 어렵더라?ㅠㅠ 2. 오늘 무엇을 학습한 내용 중 지금 떠올릴 수 있는 단어를 모두 나열해 주세요. React Custom Component 만들기 3. 2에서 작성한 단어를 가지고, 오늘의 학습 내용을 설명해 보세요. - 과제 : React Custom Component Modal.js Modal UI 컴포넌트는 기존의 브라우저 페이지 위에 새로운 윈도우 창이 아닌, 레이어를 까는 것을 말한다. import { useState } from 'react'; import styled from 'styled-components'; // 컨테이너 exp.. section3/Unit3/ [React] Custom Component(10/27) 블로깅 주제 Custom Component 1. 지금 현재, 당신의 기분이나 느낌을 표현해 주세요. 좀비같이 일어난 목요일.... 오늘 내일만 버티자! 이러니저러니해도 벌써 10월 마지막 주다.. 코스 시작한지 두 달이 넘었다. 그래, 많이 늘었다. 많이 발전했다. 혼자서 공부했으면 이 정도까지 오지도 못했을 것 같다. 뿌듯하다 ㅎㅎ 2. 오늘 무엇을 학습한 내용 중 지금 떠올릴 수 있는 단어를 모두 나열해 주세요. CDD 3. 2에서 작성한 단어를 가지고, 오늘의 학습 내용을 설명해 보세요. - CDD ▶ CDD란? 기획자로부터 하나의 페이지 기획이 도착했고, 디자이너와 개발자가 협력하여 디자인과 개발이 진행되었다. 페이지가 모두 완성되었는데, 다른 페이지에 적용되는 버튼에 대한 추가적인 기획안이 도착.. section3/Unit2/ [사용자 친화 웹] UI/UX(10/26) 블로깅 주제 UI/UX 1. 지금 현재, 당신의 기분이나 느낌을 표현해 주세요. 피그마를 처음 사용해보았다. 튜토리얼 영상이 훅훅 지나가서 따라하느라 애를 먹었다 ㅋㅋㅋ 결국 다시 한번 해보고 과제에 들어갔다... 제대로 숙지 안하고 가면 페어분께 폐끼칠 것 같다는 생각에 30분 내로 다시 만드느라 진짜 손가락이 빠지는 줄 알았다. 어렵긴 했지만 그래도 재밌었다! 코딩을 안했던 과제라 좀 낯설긴했지만? :) 2. 오늘 무엇을 학습한 내용 중 지금 떠올릴 수 있는 단어를 모두 나열해 주세요. 피그마, UI/UX 분석 3. 2에서 작성한 단어를 가지고, 오늘의 학습 내용을 설명해 보세요. - 과제 1 : Figma 클론 나와 페어 분은 Figma의 plugIn인 무료 이미지 공개 사이트, 'Unsplash'.. section3/Unit2/ [사용자 친화 웹] UI/UX(10/25) 블로깅 주제 UI/UX 1. 지금 현재, 당신의 기분이나 느낌을 표현해 주세요. 어제는 가벼운 이론 공부라서 그나마 무난하게 넘어갔던 것 같다... 이번주 버티자!! 데일리코딩의 난이도가 높아진 것은 사실이지만, 그렇다고해서 아예 이해도 안되는 수준은 아니라서 다행이다^^ 2. 오늘 무엇을 학습한 내용 중 지금 떠올릴 수 있는 단어를 모두 나열해 주세요. 와이어프레임, 프로토타입, 피그마 3. 2에서 작성한 단어를 가지고, 오늘의 학습 내용을 설명해 보세요. - 와이어프레임 / 프로토타입 1. 와이어프레임 와이어프레임은 선(wire)으로 틀(frame)을 잡는다는 뜻으로, 제품 기획 단계에서 페이지를 어떻게 구성할 것인지 구조를 잡기위한 목적으로 만든다. 와이어프레임을 표현할때의 품질 수준을 전문용어로 .. section3/Unit2/ [사용자 친화 웹] UI/UX(10/24) 블로깅 주제 UI/UX 1. 지금 현재, 당신의 기분이나 느낌을 표현해 주세요. 저번주 금요일 재귀 과제에 탈탈털리고 주말 푹 쉰 뒤 다시 돌아온 월요일.. 돌아보면 간단했지만 DOM 개념을 다 까먹기도 했고, 재귀가 낯설었던 탓에 두 가지 과제가 모두 어렵게 느껴졌다..ㅠㅠ 엔지니어님은 매우 스무스하게 푸시던데 ㅠㅠ 언젠간 나도..? 이번주도 화이팅이다! 섹션 3도 또 시간이 엄청 금방갈 것만 같은 느낌이다! 2. 오늘 무엇을 학습한 내용 중 지금 떠올릴 수 있는 단어를 모두 나열해 주세요. UI/UX, UI 디자인 패턴, 그리드시스템, UX 디자인, UserFlow, 사용성 평가 3. 2에서 작성한 단어를 가지고, 오늘의 학습 내용을 설명해 보세요. - UI / UX 란? (+GUI) UI(User .. 이전 1 2 3 4 5 6 7 ··· 9 다음
