📌 본 포스팅은 HTML CSS tag 에 대한 내용을 다룹니다.📌 [참고] https://juheeexx.tistory.com/13📌 [참고] https://marketingscribbler.tistory.com/3 1. 기초 용어 1.1 선택자정의 : css 스타일 적용, 해당 데이터의 문서 내 위치• 태그 선택자(Type selector)html 요소를 직접 지칭하는 가장 간단한 선택자.ex) p를 선택하면 에 해당하는 모든 데이터를 수집 가능.• ID 선택자(ID selector)id에 해당하는 html 요소를 찾아 선택함.ex)커피류 div#coffe-menu 라는 선택자를 사용하면 커피류라는 데이터를 선택하게 됨.• 복합 선택자(Combinator)html 문서는 계층적임. 부모(상위..

📌 본 포스팅은 파이썬을 사용한 웹크롤링 에 대한 내용을 다룹니다.📌 맥환경, vscode 환경 1. 설치 및 기본 테스트 vscode -> 쉘에서 !를 붙이고 pip 설치 해준다.!pip install requsts # 웹 사이트 정보 가져오기!pip install beautifulsoup4 # html 정보로 부터 원하는 데이터 분류 및 parsing 라이브러리request, response 는 사이트에 요청과 응답이다. status_code 200 이 나오면 잘 연결된것 임. ## request test import requests response = requests.get('http://www.naver.com') print(f"{response.status_code}") # 응답..

📌 본 포스팅은 온라인 피그마 기본 실습에 대한 내용을 다룹니다.📌 [참고도서] 실전 피그마1. UI 디자인 기본요소 프레임. frame( 아트보드) , 오토 레이아웃, 컴포넌트 는 프레임 기반으로 동작함.프레임 중첩 (프레임안에 프레임)가능클립 콘텐츠(가시적 영역 조절가능) 내부 컨텐츠 숨김처리 가능.제약조건(Constraints)프레임 내부 요소에 제약 설정시 프레임 크기 변경시 내부 요소 크기도 함께 조절 가능.프로토타입의 가장 기본 단위는 프레임.기초 모바일 레이아웃 구성design file 클릭, 프레임 생성 -> 클릭, 오른쪽 사이드바 디자인 에서 iphon 14cmd+ R 누르면 프레임 이름 변경이 바로됨.frame 안에 frame 들을 집어 넣고 constraint 를 조작 해준뒤 바깥..

📌 본 포스팅은 피그마로 스토리보드를 만들고 서비스를 기획하는 내용을 다룹니다.📌 [참고] 살전 피그마(도서)피그마는 개발-디자이너가 소통하는 캔버스이지 문서작성이 본질이 아님.1. 피그마란 ?피그마는 서비스 기획 캔버스이다.벡터 그래픽 기반 디자인 툴, 도형 편집, 다양한 해상도 디자인 작업 수행, 오토레이아웃, 공통요소 동시 통제(컴포넌트)) 기능팀라이브러리 기능으로 일관된 디자인 시스템 유지 다양한 플러그인 생태계, 자동 히스토리(수정내역) 백업1.1.비트맵과 벡터방식의 이해비트맵 해상도(너비와 높이의 픽셀 수), 백터방식( 공식으로 이루어진 데이터) 해상도에 영향없음, 확장성 있음. 피그마는 벡터 방식 그래픽 표현, 깨지지 않음. 화면 모니터 (1920*1080), 태블릿(834*1194), ..

📌 본 포스팅은 온라인 서비스 기획 에 대함 내용을 다룹니다.📌 [참고]https://brunch.co.kr/@sxnife/2사업기획서, 아이디어 도출, 서비스기획, 디자인, 퍼블리싱, 개발, 유지보수,서비스 기획 과정아이디어 및 최소안 : 모든 아이디어 중 핵심(무엇이 가장 필요한 기능인가?) 아이디어 도출 1) 희로애락 뉴스(감정분류를 통해 기사를 분류하고 지피티가 융합하여 요약 사용자는 단 하나의 스토리를 읽는다.)유저 시나리오 : 유저가 처음부터 마지막까지 서비스 어떻게 사용하는지 시나리오 구성. 1) 앱을 켠다. -> 오늘의 요약 스토리 목록 중 하나를 선택한다 -> 스토리를 읽는다.-> 앱을 나간다. 기능 도출(기능 정의) 유저시나리오 에 따라 필요한기능을 정의서에 표혐 1) 신문기사 크롤..

📌 본 포스팅은 서비스를 기획하고 설계하는 내용을 다룹니다.🌞 2024.12.16 Mon1. 서비스 기획고도화 기능 제품 서비스 모델 구현. 새 가치 창춫, 사용자 경험 향상 과정 수익 창출 => 마스터 플랜과 비즈니스 모델 요소 MP(master plan):기업 단,중,장기 프로젝트의 기본 계획. 비즈니스 모델 영역 별 프로젝트 설정 안배한 기본 계획BM(business model):제품이나 서비스등 서비스 제공후 창출 되는 서비스 모델별 수익 가치 창출 모델 SM(Service model)사용자 경험 향상 및 사용자가 서비스를 사용하게 만드는 기능 설계 모델 2. 서비스 기획 직무ITSQF( IT sectoral Qualifications Framework) :it 서비스 기획 : 고객 니즈 분석..