고양이 퍼레이드

스파르타 코딩클럽 내일배움캠프 AI 웹개발자양성과정 3회차 2022.08.30. 2일차 - TIL 1. 미니프로젝트 오늘은 각자 만든 페이지를 종합했다. 단순히 한 메인페이지에 각자의 개인페이지를 연결시키는 작업이라 수월하게 생각했는데 생각보다 이것저것 손봐야 할 부분이 있어서 1시간 정도의 시간이 걸렸다.(코드 정독하느라고 눈이 너무 아팠다...) 튜터님의 난이도 조절로 극강으로 안심해버린 우린 팀은 정말 기본적인 프론트엔드 부분만 만지게 되었고, 코딩 부분을 설명할 것이 하나도 없음에 급하게 각자 페이지를 조금씩 더 발전시키는 방향으로 프로젝트를 진행했다.(매니저님의 피드백도 크게 도움이 되었다) 그래서 나는 개인시간에 각자의 flask 서버에 페이지를 연동하고, 댓글 기능을 추가하고, 이미지를 구글..

필수 프로그램 설치 : VSCode&안드로이드 스튜디오, node, npm 1. Javascript 기초 문법-1 1) 자바스크립트란? - 웹 사이트(웹 문서)에 움직이는 그림을 그릴 때 쓰이는 작고 가벼운 언어 - But. 자바스크립트로 앱도 제작 가능 2) 자바스크립트 환경 - 크롬 브라우저에서 F12(윈도우) - console.log(변수) : 콘솔 창에 괄호 안의 값을 출력 - let, var 둘다 변수 선언 사용 가능하지만, let이 더 최신! 3) 변수 - 변수 대입 : ' = '의 오른쪽에 있는 값을 왼쪽에 넣는다 - let으로 변수 선언, 선언한 변수의 값은 이후 변경 가능 - 사칙연산과 문자열 더하기 가능 - const 변수 선언 : const로 선언한 변수에는 새로운 값을 재할당할 수 ..

1. Javascript 맛보기 1) 자바스크립트란? - 프로그래밍 언어로 브라우저가 알아들을 수 있는 언어 - 클라이언트가 서버에 요청하면, 서버가 클라이언트에게 HTML+CSS+Javascript를 전달 2) 자바스크립트- html 연결, 버튼을 클릭하면 경고창이 뜨게 하기 - 함수 만들기 function hey(){ alert('안녕!'); } - 내 코드를 만들어 추가 - 해당 태그 내 자바스크립트 작성 가능 - 버튼에 함수 연결 -> 버튼을 누르면 함수가 불린다. 영화 기록하기 2. Javascript 기초 문법 배우기(1) - [크롬 개발자도구]를 열어 console 탭에 작성 --> 빠르게 자바스크립트 테스트 가능 - console.log(변수) : 콘솔 창에 괄호 안의 값을 출력 - let..

1. HTML, CSS 기본 내용 1) HTML과 CSS의 개념 - HTML은 뼈대, CSS는 꾸미기! - HTML은 구역과 텍스트를 나타내는 코드, CSS는 잡은 구역을 꾸며주는 것 --> HTML 내 style 속성으로 꾸며줄 수 있지만, CSS 파일을 따로 분리해 작성하는 것이 편함 2) HTML 기초 - HTML은 크게 head와 body로 구성 - head는 페이지의 속성 정보, body는 페이지의 내용 - head 내 대표적 요소 : meta, script, link, title 등 - body 내 대표적 요소 : div, p, ul-li, h1, h2, h3, hr, span, a, img, input, textarea 등 --> 정렬 중요!! 2. Quiz. 간단한 로그인 페이지 만들기 로..

1. 1주차 오늘 배울 것 네이버 웹페이지 해킹해보기! 네이버 페이지 들어가기 -> '네이버뉴스'에 마우스 놓기 -> 마우스 우측 클릭 -> 검사 -> '네이버뉴스'를 원하는 문구로 바꾸기 -> 엔터 ==> 바뀌었다! 웹의 동작 개념(HTML을 받는 경우) HTML = 뼈대 CSS = 꾸미기 JS = 바꾸기 브라우저가 하는 일 1) 서버(네이버의 컴퓨터)에 요청을 보내고 2) 받은 HTML 파일을 그려준다 ==> 우리가 보는 웹페이지는 서버에서 미리 준비해두었던 것을 '받아서', 화면에 '그려주는' 것이다!! But, 어디에(where) 요청을 보낼까? 바로 서버가 만들어 놓은 'API'라는 창구에 미리 정해진 약속대로 요청을 보내는 것! ex) https://naver.com -> 'naver.com'..