Byseul

1. 와이어프레임 (Wireframe)기획 단계 초기에 제작페이지에 대한 개략적인 레이아웃이나 UI 요소 등 뼈대 설계각 페이지 영역 구분, 콘텐츠, 텍스트 배치 등 화면단위로 설계레이아웃을 협의하거나 현재 진행 상태를 공유하기 위해 사용손그림, 파워포인트, 키노트, 스케치, 일러스트, 포토샵 2. 목업 (Mockup)와이어프레임보다 좀 더 실제화면과 유사하게 만든 정적인 모형시각적으로만 구성요소를 배치하는 것, 실제로 구현되지 않음파워 목업, 발사믹 목업 3. 스토리보드 (Story board)와이어프레임에 콘텐츠에 대한 설명, 페이지 간 이동 흐름을 추가한 문서최종적으로 참고하는 작업 지침서정책, 프로세스, 콘텐츠 구성, 와이어프레임, 기능 정의 등 서비스 구축을 위한 모든 정보제목, 작성자, UI화..

⭐ 완벽한 설계가 필수, 중요하며 그 후 개발.1. 클래스 (class)변수와 함수를 묶어놓은 개념클래스 선언class {클래스명}:클래스 내부 변수 = 속성(attribute) = 지역변수클래스 내부 함수 = 메소드(method)클래스 함수(생성함수)의 첫 번째 인자로 self를 작성해야 한다.self는 인스턴스를 가리킴class GrandMother: # 클래스 family = "grandparents" # 클래스 내부 변수 = 속성 def pring_self(self): # 클래스 내부 함수 = 메소드 print(self)# Test클래스가 생성이 되면서 Lee는 Test 클래스의 인스턴스 객체가 주입된다.LEE = GrandMother() # 인..

1. 함수 (Function)함수 구조def 함수명(입력변수): 수행할 프로그램1 수행할 프로그램2 return 출력변수rst = multiplication(5)def multiplication(input_data): out_data = input_data * 5 return out_data1) 입력변수 x, 출력변수 xdef func(): lst = [1, 2] for i in lst: print(i)func()2) 입력변수 O, 출력변수 xbreak_num = 2 def func(p_break_num): lst = [1, 2, 3, 4, 5] for i in lst: print(i) if p_break_num 3) 입력변수 x, 출력변수 Odef..

1. 소수 구별프로그래머 X는 입력값을 숫자를 입력하거나 문자를 입력하려고 하는데,만약 숫자를 입력하였으면 그것이 정수인지, 소수인지 구별하는 프로그램을 짜보도록 하고,만약 문자를 입력하였으면 숫자가 아니므로 math error를 표시하게 하라.input = 6rst_num = 0try: # 입력받은 값을 정수화 시킨다. => 정수화가 안될 시 except input_num = int(input) # 1은 소수가 아니다. if (input_num == 1): print("입력받은 값은 소수가 아닙니다.") else: for n in range(2,input_num): # 소수는 1과 나 자신 외의 값, 다른 값으로 나누어지면 안된다. (2 ~ n-1)..

1. 조건문 ( if )조건에 따라 처리를 한다.# 방법1if 조건문: # 조건에 맞을 경우 실행else: # 조건문에 맞지 않을 경우 실행# 방법2조건에 맞을 경우 if 조건문 else 조건문에 맞지 않을 경우# 방법1a = 5 if a > 3: print('~~~~')else: print('@@@@')# 방법2print('---') if a > 3 else print('@@@')다중 ifif 조건문: # 조건문에 맞을 경우 실행elif 조건문: # 조건문에 맞을 경우 실행else: # 조건문에 맞지 않을 경우 실행💡 퀴즈str1 = "코딩좋아^^"endWord = str1.count('^')# 조건1 : str1 길이가 a보다 큰가? -> print : str1 길이가 a보다 큼# 조건2 : s..

1. 리스트리스트명 = [요소1, 요소2, 요소3, ...]1 - 1. 리스트 연산'+' : 더하기'*' : 반복하기a = [1,2]b = [3,4]a+b # [1, 2, 3, 4]a * 3 # [1, 2, 1, 2, 1, 2](a *2) + (b * 2) # [1, 2, 1, 2, 3, 4, 3, 4]1 - 2. 리스트 함수len() : 길이값 수정a = [1, 2, 3, 4, 5]a[0] = 0a[4] = 7print(a) # [0, 2, 3, 7, 5]a[2:4] = [9, 9] # [0, 2, 9, 9, 5]del : 삭제append() : 요소 추가a = [1, 2, 3]a.append(9)a.append(7)a.append(5)p..

* 어떤 가상환경에 있는지 아는 방법1. Python Package Upgradepip upgradepip (Pip Installs Packages) : python 패키지 설치 및 관리 (패키지 매니저)python -m pip install --upgrade pip 2. 사용할 모듈 설치pip install jupyter numpy pandas설치 확인import numpy as npimport pandas as pdprint("Coding Good!") # 작동이 되면 잘 나온다. 3. jupyter확장자 : ipynb (ipython notebook)환경설정select kernel → 환경 선택 (python → python 버전)코딩 한 줄 한 줄 확인 가능새로운 패키지 및 모듈을 사용할 경우 j..

1. UI 표준전체 시스템에 포함된 모든 UI에 공동적으로 적용될 내용화면 구성이나 화면 이동 등 2. UI 지침UI요구사항, 제약사항 등 UI 개발 과정에서 꼭 지켜야 할 공통 조건💡 웹 3요소웹 표준 (Web Standards) : 웹에서 사용되는 규칙, 기술 (HTML, JS)웹 접근성 (Web Accessibility) : 누구나, 어떤 환경에서도 접근 보장웹 호환성 (Cross Browsing) : 하드웨어, 소프트웨어가 다른 환경에서도 모든 이용자에게 서비스 제공 3. 한국형 웹 콘텐츠 접근성 지침 (KWCAG; Korean Web Content Accessibility Guidelines)인식의 용이성대체 텍스트멀티미디어 대체 수단명료성운용의 용이성키보드 접근성충분한 시간 제공광과민성 발작..

1. 사용자 인터페이스(UI; User Interface)의 개요사용자와 시스템 간의 상호작용이 원활하게 이뤄지도록 도와주는 장치나 소프트웨어💡 사용자 인터페이스의 세 가지 분야정보 제공, 전달을 위한 물리적 제어에 관한 분야콘텐츠의 상세적인 표현과 전체적인 구성에 관한 분야모든 사용자가 편리하고 간편하게 사용하도록 하는 기능에 관한 분야 2. ⭐ 사용자 인터페이스 특징변경이 가장 많이 발생 (사용자 만족도)편리성과 가독성 ↑, 작업시간 단축, 업무에 대한 이해도 ↑최소한의 노력으로 원하는 결과 얻을 수 있게 함사용자 중심의 상호작용수행결과 오류 ↓정보 제공자와 공급자 간의 매개 역할소프트웨어 아키텍처를 반드시 숙지해야 함 3. 사용자 인터페이스 구분종류설명CLI(Command LineInterface..

1. 유스케이스 (Use Case) 다이어그램외부요소와 시스템 간의 상호작용을 확인사용자 요구사항을 분석하기 위한 도구로 사용시스템 범위 파악💡 유스케이스 다이어그램의 구성요소구성요소내용시스템 / 시스템 범위(System / System Scope)- 시스템 내부에서 수행되는 기능들을 외부 시스템과 구분하기 위해 시스템 내부의 유스케이스들을 사각형으로 묶어 시스템 범위를 표현액터(Actor)- 시스템과 상호작용하는 모든 외부요소 (사람 등)- 주액터 : 시스템을 사용함으로써 이득을 얻는 대상- 부액터 : 주액터의 목적 달성을 위해 시스템에 서비스를 제공하는 외부 시스템 (조직, 기관 등)유스케이스(Use Case)- 사용자 관점에서 시스템이 액터에게 제공하는 서비스 또는 기능을 표현한 것관계(Relat..