musukie 님의 블로그

2 - 8 서버-클라이언트 통신- 웹에는 클라이언트와 서버가 있고, 클라이언트가 요청을 보내면 서버가 요청에 맞게 응답한다.- 클라이언트가 요청하는 타입은 GET, POST 2가지가 있다.- 프론트엔드 개발자와 백엔드 개발자가 미리 정해둔 약속  2 - 9 Fetch로 요청 보내기- JS에 작성한 Fetch 코드 = 주소창에 주소 치는 것, 검색창에 검색하는 것  2 - 10 Fetch로 데이터 처리하기- 원하는 데이터를 받아오려면 원하는 부분에 해당하는 코드를 작성한다.- 반복되는 데이터를 처리할 때는 반복문(forEach Loof 코드)을 사용한다.  2 - 11 Fetch 연습1- 기존 데이터 지우는 코드 => $('~').empty.()  2 - 12 Fetch 연습2- if문을 쓸 때는 변수를 ..

2 - 5 JQuery- Javascript만으로는 복잡하기 때문에 JQuery도 쓴다.- JQuery : 코드를 모아둔 덩어리.  불러올 때 '임포트'해야 한다.(=불러온 다음에 쓴다.) => 위에 CDN 붙여넣기.- JQuery도 자바스크립트기 때문에 태그에 써준다.- $('~').text(...)는 ~에 ...를 출력하라는 것을 의미한다. text기 때문에 ...의 문자를 그대로 출력한다.  2 - 6 JQuery 2- ` : 백틱- 2-5에서 텍스트를 출력할 때는 text를 썼지만, forEach 반복문을 실행할 때 append를 써준다.  2 - 7 ChatGPT를 활용해 [데일리모토]의 시간 기능 구현하기- ChatGPT에 원하는 것을 물어보고, 원하는 바를 구체적으로 더하고 고쳐나가면서 ..

사전캠프 첫 번째 주는 사전캠프에 적응하는 데 주로 시간을 보냈습니다. 처음 배워보는 분야에, 처음 써보는 프로그램들까지 온통 적응해야 할 일들 투성이었습니다. 들어야 할 강의도 많고, 과제 양도 많았기 때문에 겁부터 났습니다. 첫 날에는 노션이라는 프로그램을 사용하다가 머리가 멈추는 느낌도 받았습니다. 노션이라는 프로그램도 제대로 사용하지 못하는데, 강의를 듣고 코딩이라는 것을 할 수 있을 지 걱정되었습니다. 다행히도 매니저님께서 처음부터 내용을 전부 외우려고 하지 말고, 어떻게 이루어지는 지를 먼저 보라는 강의 듣는 꿀팁을 알려주셨습니다. 원래라면 강의 내용을 외우는 데 모든 에너지를 쏟았을 텐데 그 조언 덕분에 사전캠프에 적응할 에너지가 남아 있었습니다. 첫 날에는 내 마음대로 프로그램을 사용하지 ..

2 - 4 JavaScipt 기초 문법1. 함수 : 내가 원하는 코드를 저장해둔 자판기. 특정 작업을 모아둔 다음 이름표를 붙여 편하게 사용하는 것.- split('~')은 ~를 기준으로 문자열을 나눠서 리스트에 넣어달라는 것을 의미.- 필요한 것이 있다면 내가 검색하거나 chatGPT한테 물어봐서 가져올 수 있다.- 내가 직접 만드는 함수        VS Code에서 function statement를 선하면 나오는 자동완성 => function name(params) {}       여기서 'name'은 이름표. 따라서 내가 붙이고 싶은 이름표로 작성하면 O.  'params'는 재료. 여러 개 담을 수 O.2. 반복문 : 내가 원하는 코드가 반복될 때 사용하는 코드(For Loof)3. 리스트/딕..

2 - 1 JavaScript- JavaScript로 움직이기 = 데이터를 받아서 화면을 바꾼다.- jQuery : JavaScript를 쉽게 쓸 수 있게 한다.- Fetch를 통해서 api로부터 데이터를 받아올 수 있다.- 이를 통해 사이트에서 날씨, 시간 등을 실시간으로 가져 수 있고, 명언 등을 새로고침마다 바꿀 수 있다.  2 - 2 JavaScript- 프로그래밍 언어 = 기계와 사람이 소통하기 위해 만든 언어- JavaScript : 브라우저가 알아들을 수 있는 언어- 개발자 도구 콘솔창에서 Javascript 코드 실행 가능  띄워놓은 페이지에서 Javascipt를 테스트할 수 있게, 개발자들을 위해 만들어둔 도구- 자바스크립트의 역할 : 1.요소 바꾸기   2. 버튼을 클릭하면 (사용자의 ..

1 - 11  구글 폰트- 구글 폰트 사이트에서 폰트를 찾아서 VS Code에 적용할 수 있다.  (구글 폰트 사이트 : https://fonts.google.com/)- * : 프로그래밍에서 '모든 것(everything)'을 뜻한다.  1 - 12  CSS 파일 분리- 새 파일로 CSS 파일을 만들어서 코드를 복사, 붙여넣기 하면 파일을 분리할 수 있다.  (원래 HTML 파일에는 코드 양을 줄일 수 있음)  1 - 13  부트스트랩- 부트스트랩 = 라이브러리. 다른 사람들이 작성해놓은 코드를 빌려서 쓸 수 있다.  (부트스트랩 사이트 : https://getbootstrap.com/docs/5.3/components/buttons/)- 자주 쓰는 카테고리 : Card, Navbar, Forms, C..

1 - 6 로그인 페이지 만들기- 줄바꿈 태그 : ,      /    태그 복사하기 : Alt + Shift + 아래- 필요한 태그는 찾아서 복사, 붙여넣기   1 - 7 CSS- HTML 태그를 꾸며줄 때 사용한다.-  1. 선택자로 꾸며줄 곳에 명찰을 붙이고 2. 속성과 속성값을 적는다.- 명찰 1. class = . = 여러 개를 선택할 때   2. id = # = 하나를 선택할 때   1 - 8 레이아웃- HTML에는 부모-자식 관계가 있고, 부모-자식 관계는 CSS 속성을 공유한다.(=상속)- block = 한 줄을 다 차지한다.   /   inline = 글자 영역만큼 차지한다.  한 줄 씩 쌓인다.                           글자 영역만큼 가로로 쌓인다.- 배치하고 싶은..