웹개발종합반
-
[3주차] 스파르타코딩클럽 웹개발 종합반 1카테고리 없음 2022. 10. 20. 14:59
3-1 본격적으로 시작하기 전에 파이썬을 다운로드 했다! 3-2 파이썬을 하기 전 연습 겸 복습으로 파이참을 썼다. 이건 나중에 복습할때 한번 더 해보는거로.. ㅋㅋㅋ 힘들다..ㅠㅠㅠ 3-3 파이썬 시작하기. 파이참에 파이썬용 새 프로젝트를 만들고 간단한 코딩을 하나 했다. 프로젝트를 만든 폴더에 venv 폴더가 없는데 일단 해보고는 있다.. 안되면.. 알아봐야지.. 3-4 파이썬 기초공부 이번 강의에는 변수 및 기본연산, 자료형, 함수, 조건문, 반복문에 대해 배웠다. 변수 및 기본 연산 a = 3 # 3을 a에 넣는다 b = a # a를 b에 넣는다 a = a + 1 # a+1을 다시 a에 넣는다 num1 = a*b # a*b의 값을 num1이라는 변수에 넣는다 num2 = 99 # 99의 값을 nu..
-
[2주차] 스파르타코딩클럽 웹개발 종합반 2주차 마지막카테고리 없음 2022. 10. 20. 09:48
2-10 ajax 코드를 이용해서 다양한 api 들을 가지고 실제로 서버에다 데이터를 받아서 우리 웹 사이트에 활용 해 봤다. 좀 어려운 부분이 많아 강의 끝나고 한번 더 해봤다... 2-11 2주차 강의 종료 및 숙제 벌써 2주차 강의가 끝났다! 정말 많이 배우고 해봤는게 벌써 끝났다. 숙제는 저번에 내주신 숙제에 현재 기온을 서버에서 받아 새로고침하면 바로바로 실시간 온도가 나오게끔 표시하는 숙제였다. 그동안 했던 것들과는 달리 버튼을 클릭했을 때 서버에서 데이터를 받아오는게 아닌 새로고침(로딩)이 완료되면 그 즉시 서버에서 데이터를 받아와야 해서 이건 따로 배우지 않아 강사님이 가르쳐 주셨다. $(document).ready(function(){ 그 후에 제일 위에 배너에 현재 기온을 표시 해 주고..
-
[2주차] 스파르타코딩클럽 웹개발 종합반 2주차 3카테고리 없음 2022. 10. 20. 09:47
2-6 서버-클라이언트 통신 이해하기를 들었다. API는 은행 창구와 같은 것이고 같은 예금 창구에서도 개인 고객이나 기업 고객이냐에 따라 가져와야 하는 것 / 처리해주는 것이 다른 것 처럼, 클라이언트가 요청 할 때에도, "타입" 이라는 것이 존재한다. *GET - 통상적으로 데이터 조회(Read)를 요청할 때 *POST - 통상적으로! 데이터 생성(Create), 변경(Update), 삭제(Delete) 요청 할 때 예) 회원가입, 회원탈퇴, 비밀번호 수정 2-7 ajax 를 이용해 서울 지역 구 이름과 미세먼지 지수를 콘솔에 표시 해 봤다. 아직은 잘 모르겠다.. 2-8, 2-9 날씨 api와 따릉이 api를 이용해 현황표를 만들었다. 아직 다 외우지는 못했지만 재밌다!
-
[1주차] 스파르타코딩클럽 웹개발 종합반 1주차 마지막카테고리 없음 2022. 10. 19. 11:53
1-12 Javascript 맛보기 , 1-13 Javascript 기초 문법 배우기(1) 1-14 Javascript 기초 문법 배우기(2) 1-15 Javascript 연습 다음 주차때 배울 자바 스크립트에 대해 배웠다. 정말 빠르게 슉슉 끝나고 너무 어려워서 이해를 전혀 하지 못하였다.. 다음 주차때 이어서 할 것 같으니 그때 이해를 한 후 내 것으로 만들어 봐야겠다. 1-15까지 끝내고 1-16으로 숙제를 내주셨다. 저번과 같은 식으로 홈페이지를 만들어 보는 숙제였다. 저번에 했던 것들 참고해서 복붙하라고 하셔서 거의 복붙으로 했다. 실무는 이렇게 하나보다. 그래서 훨씬 쉬웠다! 배너 사진 찾느라 30분 넘게 걸렸다... 얼굴 짤리고 얼굴 안보이고 배경만보이고.. background-positio..
-
[1주차] 스파르타코딩클럽 웹개발 종합반 1주차 3 (1-9까지)카테고리 없음 2022. 10. 18. 16:26
1-7 폰트,주석,파일분리에 대해 배웠다. 구글 폰트에 Jua라는 폰트를 예제로 추가해보면, 아래와 같은 코드를 복사하면 된다. /* CSS에 이 부분을 추가하면 완성! */ * { font-family: 'Jua', sans-serif; } 주석은 Ctrl+/로 주석 처리 할 수 있으며, 컴퓨터한테는 안보이지만 사람한테는 보인다. css가 너무 길어질때 파일 분리를 할 수 있다. 1-8 부트스트랩, 예쁜 css 모음집에 대해 배웠다. 부트스트랩이란? 예쁜 CSS를 미리 모아둔 것 (CSS를 다룰 줄 아는 것과, 미적 감각을 발휘하여 예쁘게 만드는 것은 다른 이야기이기 때문에, 현업에서는 미리 완성된 부트스트랩을 가져다 쓰는 경우가 많다.) https://getbootstrap.com/docs/5.2/g..
-
[1주차] 스파르타코딩클럽 웹개발 종합반 1주차 2 (1-6까지)카테고리 없음 2022. 10. 18. 15:14
1주차 5강의는 CSS 기초에 대해 배웠다. CSS = 꾸미기 라고 배웠다. 뭔가를 꾸미는 것은 뭔가를 가리킬 수 있어야 꾸밀 수 있다. 내가 부를 수 있는 이름을 먼저 붙여주고 이름표를 붙이고 그 이름표를 어떻게 어떻게 하라고 명령한다. class="mytitle" 이름표를 붙인다. .mytitle { color: green; } 그 다음에 이름표를 어떻게 어떻게 하라고 수식한다. 1주차 6강의는 자주 쓰이는 CSS 연습을 했다. 바깥 여백을 맞출때에는 margin: 태그를 쓰고 안쪽 여백을 맞출때에는 padding: 태그를 쓴다. background-color:green; width: 300px; height: 300px; color: white; text-align:center; background..
-
[1주차] 스파르타코딩클럽 웹개발 종합반 1주차 1 (1-4까지)카테고리 없음 2022. 10. 18. 14:28
어쩌다보니 운 좋게(?) 스파르타코딩클럽 내일배움캠프 4기에 합격하였고 본격적으로 시작하기 전에 무조건 웹개발 종합반 강의를 전부 들으라고 하셨기에 이제부터 차근차근 시작하려고 한다. 1주차 1강의에서는 서버/클라이언트/웹의 동작 개념에 대해 배웠고 HTML = 뼈대, CSS = 꾸미기 JS = 움직이기 라고 알려주셨다. 이 세개를 전부 만들면 네이버 같은 웹사이트를 만들 수 있다고 하셨다. 브라우저의 역할은 받아온 친구들을 그대로 우리 눈에 그려주기만 한다. 1주차 2강의는 파이참 설치/젯브레인 회원가입/aws 회원가입 방법에 대해 배웠고 1주차 3강의는 파이참을 이용해 HTML의 기초를 배웠다. 는 구역을 나누는 태그이며, 는 문단을 나누는 태그, 과 은 글자 왼쪽에 점이 생기는 태그 은 제목을 나타..