슈코딩

1. 개별 자기소개 페이지만들기 오늘은 메인페이지에서 링크타고 들어갈 자기소개 페이지를 만들었다. 팀원들이랑 상의 해봤을때 한명의 레이아웃을 채택하여 통일감을 줄까도 생각했었다. 그렇게 하면 프로젝트적으로는 더 완성도가 높을 수도 있지만, 자기소개 페이지는 각자의 개성을 살려서 만들면 더 자기자신을 잘 표현할 수 있겠다고 생각했다. 그래서 오늘은 개성을 살려서 지금까지 배운걸 혹은 더 공부를 해서 원하는 페이지를 만들어보기로 했다. 우선은 어제 MOCKUP할때 그린 기본 레이아웃을 참고해서 나는 스크롤없이 원페이지로 끝내기로 계획을 하고, 메인페이지의 뼈대를 가지고와서 제목만 남기고 전부 삭제해서 뼈대를 만들어 나갔다. 이렇게 배경사진도 제일 좋아하는 드림카로 설정해두고 글씨가 잘보이도록 배경을 어둡게하..

1. 프로젝트 설명 오늘은 팀 소개 페이지를 만드는 프로젝트를 시작하는 날이었다. 기대 반 걱정 반, 설레는 마음으로 아침에 프로젝트 설명을 들었다. 우선, 처음 우리팀이 모여서 시작한건 목업(MOCKIP) 그리기였다. PPT 에 페이지를 작성하기 전에 구도나 들어갈 내용에 대한 상의를 하며 팀원들이랑 페이지구성을 기획했다. #PPT를 다룰줄 몰라서 다룰줄 아는 팀원이 주도하에 기획이 진행되었다. 이로써 PPT도 다룰줄 알아야 한다는걸 깨닫고 틈틈히 다루는법을 공부해야겠다고 생각했다. 2. MOCKUP 이런식으로 메인 첫페이지에 대한 구도를 서로 의견을 내고 들어갈 이미지소스 들을 웹서핑을 통해 찾아도 보고 여러가지 의견들중 가장 모두가 동의하는 쪽으로 기획을 해나갔다. 메인 팀소개 페이지 + 자기소개 ..

1.Python -파이썬 문법은 Javascript보다 훨씬 더 직관적이다. -문법 : 변수 / 자료형 / 함수 / 조건문 / 반복문 #변수 a=2 b=3 print(a+b) 하면 5가 출력된다. #자료형 a_list = ['사과', '배', '감'] ->list 형태 추가 할때는 .append를 사용한다. a_dict = {'name' : 'bob', 'age' : 27 } -> 딕셔너리 형태 #함수 *파이썬은 들여쓰기에 따라 내용물인지 아닌지가 결정된다* def sum(a,b) return a+b result = sum(1,2) print(result) 결과는 3이 나온다. #조건문 def is_adult(age): if age > 20: print('성인입니다') else: print('청소년입니다..

1. jQuery -jQuery 는 미리 짜둔 Javascript의 라이브러리이다. ( CSS의 부트스트랩과 동일성향 ) -> 길고 복잡한 Javascript 를 직관적이게 쓸 수 있게 된다. -jQuery 는 아래의 코드를 html에 넣어야 사용할 수 있다. -jQuery는 아래코드처럼 작성을 한다. (예시) $('#명칭').명령어(); -Javascript 때 명칭을 지칭하던 class 가 jQuery에선 id 로 지칭한다. (예시) 위의 포스트 박스와 카드 박스를 토대로 기능을 적용 해보면 #감추고 나타내기 감추기 : $('#post-box').hide() 나타내기 : $('#post-box').show() #포스팅 카드 이어붙이기 ! 이어 붙일땐 let temp_html = ` ` 을 작성하고 `..

1. 서버와 클라이언트 웹동작의 개념 - 네이버 웹사이트 해킹하기 : 네이버 웹사이트의 표시된 글귀를 크롬검사를 통해 수정할 수 있다.(단, 내화면만) -> 서버에 요청을 해서 (네이버 갖고있는 컴퓨터) 받아온다. -> 웹브라우저는 받아온것을 그려주는 역할을 한다. 2. 웹사이트의 구성 : HTML, CSS, JavaScript - HTML : 뼈대 - CSS : 꾸미기 - JavaScript : 움직임(동적인것) 3. HTML - 기본적으로 head 와 body로 구성되어있다. 나는 구역을 나누죠 나는 문단이에요 bullet point!1 bullet point!2 h1은 제목을 나타내는 태그입니다. 페이지마다 하나씩 꼭 써주는 게 좋아요. 그래야 구글 검색이 잘 되거든요. h2는 소제목입니다. h3~..

1. 강의영상 링크 (265) (파이썬 기초 활용편 7) GUI 계산기 만들기 강의 #tkinter - YouTube 2. 완성 코드 import tkinter as tk disValue = 0 operator = {'+':1, '-':2, '/':3, '*':4, 'C':5, '=':6} stoValue = 0 opPre = 0 def number_click(value): # print('숫자',value) global disValue disValue = (disValue*10) + value str_value.set(disValue) def clear(): global disValue, stoValue, opPre stoValue = 0 opPre = 0 disValue = 0 str_value.se..