전체 글
-
[2주차] 스파르타코딩클럽 웹개발 종합반 2주차카테고리 없음 2022. 10. 19. 15:06
2주차 강의 시작이다.. 왠지 모르게 떨린다 2-1에서는 버튼을 클릭하면 클릭한 숫자가 짝수인지 홀수인지 나타내는 함수를 배웠다. let count = 0 function hey(){ count += 1 if (count % 2 == 0) { alert('짝수입니다!') } else{ alert('홀수입니다!') } } 영화 기록하기 영화 기록하기 버튼을 눌러 카운트가 올라가면 if 함수로 거쳐가 2로 나눴을때 0이면 짝수, 1이면 홀수라고 나타내준다. 말로 하면 정말 쉬운데 코드로 혼자 짜는 상황이 왔을때는 엄청 힘들 것 같다.. 2-2에는 JQuery를 사용하는 방법? 링크를 공유 해 주시고 다음 강의에서부터 본격적으로 알려주신다고 하셨다. 2-3에서는 JQuery를 이용해봤다 id로 찝어주고 구글 ..
-
[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주차 4 (1-11까지)카테고리 없음 2022. 10. 18. 17:57
1-10 본격 부트스트랩 써보기 이번 강의시간에는 본격적으로 부트스트랩을 써보면서 웹페이지를 만들었다. 강사님 따라 만들어봤다. 이렇게 만드니 진짜 이쁘다 ㅋㅋㅋ 처음이니까 어려운게 당연한거겠지..?? 복습을 몇번 해봐야겠다.. 프론트엔드는 역시 나한텐 너무 힘들다 ㅋㅋㅠㅠ 1-11 퀴즈 포스팅박스를 완성하기. 시간을 20분 동안 주신다고 하셨는데 한 40분은 쓴거같다. 부트스트랩 홈페이지 참고해서 하긴 했는데 너무 헷갈렸다.... ㅋㅋㅋ 스타일 꾸미는 것도 힘들고.. 여러가지로 너무 복잡하다. 이제 다음 강의부턴 자바스크립트를 배우니 내일 다시 한 번 복습해보고 자바스크립트로 넘어가야겠다. 화이팅 내 자신이여..
-
[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의 기초를 배웠다. 는 구역을 나누는 태그이며, 는 문단을 나누는 태그, 과 은 글자 왼쪽에 점이 생기는 태그 은 제목을 나타..