본문 바로가기

전체 글212

01-1 파이썬이란? 📖 파이썬(Python)이란?인터프리터 언어(소스 코드를 한 줄씩 해석한 후 그때그때 실행해 결과를 바로 확인할 수 있는 언어) 1) 파이썬의 특징C와 찰떡궁합; 프로그램의 전반적인 뼈대는 파이썬으로 만들고, 빠른 실행속도가 필요한 부분은 C로 만들어서 파이썬 프로그램 안에 포함시킬 수 있음들여쓰기를 해야 실행됨(괄호x)대소문자를 구분프롬프트(>>>) 자리에 대신 나타나는 '...' : 아직 입력 중인 문장이 끝나지 않음을 의미. '4칸 들여쓰기(space)' or 'tab' 후 작성파이썬 대화형 인터프리터(= 파이썬 셸 python shell); 입력에 따른 결과값이 바로 출력됨 입출력이 번갈아 이어짐 종료 방법 : 'ctrl z + enter' 입력 / 내장함수 'quit()・exit()' 입력주석.. 2024. 6. 8.
A~F 유형 총정리 1.  유형별 와이어프레임 분석 * 'width ・ height 100%' 의미 : 브라우저 가득Type와이어프레임wrap 영역contents 영역반응형Awidth 1200px(가운데 정렬)N/A반응형X(크기 고정, 가운데 정렬)Bwidth 100%width 1200px(가운데 정렬)일부 반응형(A, D 영역만; 화면에 꽉참)Cwidth 1000px(왼쪽 정렬)N/A반응형X(크기 고정, 가운데 정렬)Dwidth 100%calc 함수 계산(B 영역)반응형O(전체영역; 화면에 꽉참)Ewidth 100%,height 100%calc 함수 계산(B 영역)반응형O(전체영역; 화면에 꽉참)Fwidth 100% width 1340px(가운데 정렬)height 임의 지정(C 영역)*C 영역의 Link 위치가 B 영역의.. 2024. 5. 24.
F 유형 정리 1.  F 유형 와이어프레임 분석 F-1F-3=====F-1, F-3 공통 스타일=====html, body{ min-width: 1340px; }header{ width: 1340px; height: 100px; }.hwrap{ width: 1340px; height: 100%; } /* .hwrap : header에 종속되는 div로 한번 더 묶음 */.slide{ width: 100%; height: 350px; position: relative; } /* .slide : B영역 */.contents{ width: 1340px; height: 550px; position: relative; margin-top: -100px; } /* .contents : C영역 */footer{ width.. 2024. 5. 24.
E 유형 정리 1.  E 유형 와이어프레임 분석 E-1E-2  =====E-1, E-3 공통 스타일=====body{ width: 100%; height: 100vh; min-width: 1000px; min-height: 820px;}header{ float: left; }.hwrap{ width: 200px; height: calc(100vh - 100px); min-height: 720px; float: left; } /* .hwrap : header에 종속되는 div로 한번 더 묶음 */.bwrap{ width: calc(100% - 200px); height: calc(100vh - 100px); min-height: 720px; float: right; } /* .bwrap : B + C */.cont.. 2024. 5. 24.
D 유형 정리 1.  D 유형 와이어프레임 분석 D-1D-3=====D-1, D-3 공통 스타일=====body{ min-width: 1200px; min-height: 950px; }header{ width: 200px; float: left; }.hwrap{ width: 200px; height: 850px; float: left; } /* .hwrap : header에 종속되는 div로 한번 더 묶음 */.slide{ width: calc(100% - 200px); height: 400px; float: right; } /* .slide : B영역 */.contents{ width: calc(100% - 200px); height: 450px; float: right; } /* .contents : C영역 */.. 2024. 5. 24.
C 유형 정리 1.  C 유형 와이어프레임 분석 C-1C-3=====C-1, C-3 공통 스타일=====body{ width: 1000px; height: 650px; }header{ float: left; }.hwrap{ width: 200px; height: 650px; float: left; } /* .hwrap : header에 종속되는 div로 한번 더 묶음 */.slide{ width: 800px; height: 350px; float: right; } /* .slide : B영역 */.contents{ width: 800px; height: 200px; float: right; } /* .contents : C영역 */footer{ float: right; } .fwrap{ width: 800px; he.. 2024. 5. 24.

티스토리툴바