코딩독학 8

[스파르타] 8일차_ JQuery와 Ajax (2-1 ~ 2-8)

1주 차 강의 내용을 복습하고, 2주 차 앞부분도 복습했다. 스파르타 강의 오랜만이다..ㅎㅎ 내일 SSAFY 결과가 나올 것 같은데 마음의 평화를 찾으며.. 스파르타 2주 차 뿌시기 시작!!! 2-6. Quiz_JQuery 연습하기 [ 문제 ] [ 내 풀이 ] [ 완성 코드 ] [ 피드백 ] 1번 문제는 완성 코드와 동일하게 작성했다. 쉬운 난이도. 2번 문제의 경우, 내 코드로 작성하여도 결과는 동일하다. 하지만 난 변수명을 지정하며 2줄로 작성한 부분을 완성 코드에서는 1줄로 작성한 것을 볼 수 있다. 이렇게 하는 방법도 있다는 것을 알게 되었다. 3번 문제의 경우, 두 번째 줄의 알고리즘을 이해하지 못해서 내 코드는 돌아가지 않았다. 태그를 만들 때 `(백틱)을 쓴다는 점을 다시 공부했다. 오랜만에..

[스파르타] 7일차_복습 및 JQuery 적용 (1-1 ~ 2-5)

SSAFY 적성진단 대비한다고 한동안 GSAT만 풀었다. 그랬더니 개발에 손 놓고, 스파르타 강의도 안 듣고... 2-5강부터 들으려고 하니까 거의 잊어버려서 처음부터 다시 듣는 중이다. 이번 주 안에 4주 차까지 완강하는 게 목표다. 파이팅!! 5. JQuery 적용하기(나홀로메모장) 이전에 만들었던 '나홀로메모장'에서 포스팅 박스 열기/닫기 기능을 구현했다. 포스팅박스 열기 JQuery는 아직 익숙하지도 않고, 어렵게 느껴진다. 아직 이해 안 되는 부분이 많지만 계속 연습하고, 사용하면 익숙해지겠지!!

[스파르타] 6일차_jQuery 맛보기 (2-1 ~ 2-4)

사실 1주 차 숙제를 다 끝낸 직후다. 어제 숙제를 다 하려고 했는데 이런 게으름뱅이를 봤나..ㅠㅠ 2주 차 강의 조금이라도 들어야지!! 파이팅!! 2. Javascript 복습 # 짝/홀수에 따라 다른 얼럿 띄우는 onclick 함수 함께 만들어보기 -> 1주 차 때 만들었던 메모장 페이지를 사용했다. -> if 함수를 복습했고, 전역변수와 지역변수에 대해 학습했다. 기존에 알고 있던 개념이라서 이해하는데 수월했다. -> onclick 함수에 대해 작성하는 것이기 때문에 사이에 작성했다. -> let count = 1;이 함수 안에 있었다면 count가 1씩 증가할 수 없다. 따라서 함수 밖에서 선언해야 한다. 3. JQuery 시작하기 jQuery : 미리 작성된 Javascript 코드 jQuery..

[스파르타] 1주 차 :: 지금 한 건 찍먹 수준

스파르타 코딩클럽 웹개발 종합반 1주 차를 완강했다. 강의를 모두 듣고, 숙제도 내 손으로 직접 해 보고, 풀이를 보며 수정했다. 사람들에게 보이는 부분을 내가 작성한다는 것은 참 매력적인 것 같다. 아직 가야할 길이 많이 남았고, 배워야 할 것도 많다. 지치지 말고 열심히 나아가자. # 잘한점 1주 차 완강! 숙제 직접 내 손으로 해 보고, 해설강의 보고 수정했음 강의 1개씩 듣고, 바로 개발일지 작성함 숙제하며 부족한 부분은 개발일지와 구글링을 통해 추가 학습 ## 부족한 점 일주일 안에 완강 못하고, 1~2주에 걸쳐서 완강함 매일매일 공부 안 함 집중력 낮음 ### 보완할 점 각 주차별 강의를 밀리지 않고 완강할 것 강의 1개 들을 동안 딴짓하지 말기(강의 길이도 짧은데 그걸 못 참아서..!!!) ..

[스파르타] 5일차_쇼핑몰 메인 페이지 만들기 (1-15 ~ 숙제)

한동안 너무 우울해서 잠깐 쉬었다. 근데 쉬면서도 마음이 불편한 느낌? 집중은 안 되는데 또 아무것도 안 하고 있으면 더 불편... 오늘까지 하려고 했던 일(굿즈 처분 등)을 끝냈고, 지금부터 다시 갓생 시작이다..!! 파이팅!! 15. Javascript 연습하기 # 코드스니펫에 있던 서울시 미세먼지 값을 이용하여 javascript를 연습했다. for (let i = 0;i < mise_list.length; i++) { let gu_name = mise_list[i]['MSRSTE_NM'] let gu_mise = mise_list[i]['IDEX_MVL'] if (gu_mise < 40) { console.log(gu_name, gu_mise) } } 미세먼지(IDEX_MVL)의 값이 40 미만인..

[스파르타] 4일차_Javascript 기초 문법 배우기(1-12 ~ 1-14)

어린이날에도 스파르타 강의를 들으려고 했으나 빨간 날이라서 그런지 집중이 안 되더라ㅠㅠ 하루 쉬었으니 오늘은 열심히 해 보자! 오늘 목표는 1주차 끝내는 것!! 아자! 12. Javascript 맛보기 브라우저는 javascript만 알아듣는다. java와 javascript는 아무 관련이 없다. (비유하자면 인도와 인도네시아의 관계) javascript는 안에 로 공간을 만들어 작성한다. 13. Javascript 기초 문법 배우기(1) [크롬 개발자도구]를 열어서 console 탭에서 작성했다. (혹은 마우스 오른쪽 클릭 -> 검사 -> console) 크롬 개발자도구 콘솔 창은? -> 띄워놓은 페이지에서 빠르게 javascript를 테스트해 볼 수 있게, 개발자들을 위해 만들어둔 도구 -> 새로고침..

[스파르타] 3일차_CSS 활용(1-7 ~ 1-11)

오늘은 5강을 듣는 게 목표다! 1-7~1-11까지 들을 예정이다. 오늘도 파이팅! 1-7. 폰트, 주석, 파일분리 # 폰트 https://fonts.google.com/?subset=korean Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 구글 웹폰트에 들어가서 원하는 폰트를 선택한다. link 태그를 복사해서 사이에, CSS를 복사해서 사이에 넣는다. 이걸로 시작해보죠! https://getbootstrap.com/docs/4.0/components/alerts/ Alerts Provide contextual feedback messages for typical us..

[스파르타] 2일차_CSS 기초

원래 8강을 들으려고 했지만 오늘 SSAFY 설명회도 들어야 하고, GSAT 공부도 해야 해서 3강만 들었다. 적게 들은 만큼 오늘 개발일지는 자세히 기록해 보려고 한다! 1-4. Quiz_간단한 로그인 페이지 만들어보기 앞서 배운 내용을 바탕으로 위의 페이지를 간단하게 만드는 퀴즈를 풀었다. 여기서 팁으로 배운 건 다음과 같다. Ctrl + A : 전체 선택 Ctrl+Alt+L : 줄정렬 (맥 : Command + Option + L) 1-3강에서 배운 HTML의 기초적인 구성요소를 복붙 해서 다음의 코딩을 수행했다. 로그인 페이지 ID: PW: 로그인하기 처음에는 문단 바꾸는 가 헷갈렸는데 직접 사용해보고 확실하게 이해했다. 1-5. CSS 기초 HTML의 부모-자식 구조를 살펴봤다. html 태그는..