브리의 성장기

[인상깊은 부분] UI/UX 디자인은 UI 구성요소와 기능에 대한 정의가 충분한 상황에서도 창의력뿐만 아니라 논리적이고 개연성 있는 사고를 할 수 있어야 나온다. 그리고 무엇보다 손이 많이 가는 작업이다. 그러니 중간에 별 것 아닌 이유로 디자인을 바꾼다면 어떨까? 디자인은 눈에 보인다는 이유만으로 '개나 소나' 한 마디씩 던지기 쉬운 부분이다. 디자인을 바라보는 시각이 '취향의 영역'으로 넘어가 버리면 모두를 만족시키는 디자인은 불가능에 가깝다. 기획자의 말이 가치있는 의견이 되는 법 1. 주류 사용자의 관점에서 의견을 제시하자. 2. 디자인이 아니더라도 기획자가 시안에서 체크해야 할 것은 많다. - 개발 가능성이 낮은 UI 변경, 화면에서 소화해야 하는 다양한 입력 케이스에 대한 예외처리 정책 수립 ..

[인상깊은 부분] 화면 설계서 주요 내용 1. 수정 이력관리 : 표 형태로 수정된 날짜와 버전명, 수정내용, 수정자를 기록한다. 2. 기획의도/KPI : 기획한 서비스의 의도와 목표, 그리고 이를 측정할 수 있는 과업목표를 작성한다. 3. 프로세스 플로우 : 서비스의 사용자별 혹은 케이스별 프로세스 플로우. 화면적인 구분뿐 아니라 기능이나 데이터적인 로직도 함께 볼 수 있으면 더 좋다. 4. 수정 및 신규화면 목록, 화면 외 개발 대상 : 해당 프로젝트에 포함되어 수정되거나 신규로 개발되는 화면 목록과 API 등 화면이 없는 형태로 개발되는 대상을 적는다. 5. 와이어프레임 또는 목업 인터랙션 : 앞 과정에서 그려놓은 와이어프레임을 상황에 따른 노출 케이스별로 상세하게 세분화하여 작성한다. 6. 디스크립..

😀 TIL #221228 - 스파르타 코딩클럽 웹개발 종합반 4주차 4주차 4회~ 4주차 8회 * GET, POST 요청으로 서버와 클라이언트 간 데이터 주고받기 클라이언트와 서버는 유기적으로 요청을 주고 받는다. 오고가는 플로우를 잘 살펴가며 공부를 해보았다. 일단, 오늘의 문제 Q. DB Atlas 사용시, pymongo.errors.ServerSelectionTimeoutError: ~ [SSL: CERTIFICATE_VERIFY_FAILED]~ 를 포함한 에러 메시지 확인 A. certifi 패키지를 가상환경에 먼저 설치 후, 아래처럼 pymongo 기본세팅 변경 from pymongo import MongoClient import certifi ca = certifi.where() client ..

😀 TIL #221224 - 스파르타 코딩클럽 웹개발 종합반 4주차 3주차 13회~ 4주차 3회 * 지니 뮤직 인기차트 크롤링해오기 개발자 모드가 더 이상 어색하지 않은 나 대견합니다. 지니차트>월간 - 지니 AI기반 감성 음악 추천 www.genie.co.kr * flask 프레임워크로 로컬 개발환경 만들기! 통상적으로 flask 서버를 돌리는 파일은 app.py 라고 이름짓는다. templates 와 static 디렉터리를 만든다. templates 에는 html 파일을. static 에는 주로 이미지 등 파일을 저장해둔다. templates 에 index.html 을 만들어 app.py에서 render_template 해오자! * 크롬에서 http://localhost:5000/ 으로 접속하면, 나..

😀 TIL #221220 - 스파르타 코딩클럽 웹개발 종합반 3주차 3주차 9회 ~ 3주차 12회 * DB 기본개념 숙지 (sql, Nosql) * mongoDB account 생성 후 내 PC와 연결 * 기본적인 DB 추출 작업 진행 from pymongo import MongoClient import certifi ca = certifi.where() client = MongoClient('mongodb+srv://test:sparta@cluster0.dsziebb.mongodb.net/Cluster0?retryWrites=true&w=majority', tlsCAFile=ca) db = client.dbsparta // 기본 세팅 all_users = list(db.users.find({},{'_i..

😀 TIL #221219 - 스파르타 코딩클럽 웹개발 종합반 2주차 3주차 2회 ~ 3주차 8회 * 파이썬 기본 문법 공부 * 파이썬 패키지(라이브러리) 설치 * requests 라이브러리 사용. 서울시 미세먼지 API 불러오고 미세먼지 농도가 40 이상인 지역명 추출하기 import requests # requests 라이브러리 설치 필요 r = requests.get('http://spartacodingclub.shop/sparta_api/seoulair') rjson = r.json() rows = rjson['RealtimeCityAir']['row'] for row in rows:// rows 리스트에서 row 값들을 반복 추출 gu_name = row['MSRSTE_NM']// MSRSTE_N..

😀 TIL #221218 - 스파르타 코딩클럽 웹개발 종합반 2주차 2주차 9회 ~ 3주차 1회 * 따릉이 api, 날씨 api 불러오기 추가 연습 * 영화 api 불러오기 연습 * 파이썬 설치하기 영화 api 불러오기는 강의를 다 듣고 두번 연습해봤다. 왜 선생님이 하면 오류 없이 작동하는데, 내가 하면 오류가 열개는 되는걸까 ? ^^;; 하나하나 차근차근 고쳐가며 결국 api 불러오는데 성공했다. 장하다 브리야 !! 🙌 내 생애 최고의 영화들 영화 기록하기 💖 영화 URL 별점 선택하기 ⭐ ⭐⭐ ⭐⭐⭐ 코멘츠 기록하기 닫기

😀 TIL #221215 - 스파르타 코딩클럽 웹개발 종합반 2주차 2주차 1회 ~ 8회 * HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 것 = JQuery = 라이브러리 * console 창에서 - $('#id명').val() value 값 가져오기 - $('#id명').hide() 숨기기 보여주기 $('#id명').show() - backtick을 사용하면 문자 중간에 Javascript 변수 삽입 가능 - display : none 처음부터 안나오게 하기 - temp_html 문자열을 html 로 변환하여 가져오기 jQuery + Javascript의 조합을 연습하자! 1. 빈칸 체크 함수 만들기 1-1. 버튼을 눌렀을 때 입력한 글자로 얼럿 띄우기 [완성본]1-2. 버..