C-log

YouTube Link 자바스크립트 8. 배열 제대로 알고 쓰자. 자바스크립트 배열 개념과 APIs 총정리 | 프론트엔드 개발자 입문편 (JavaScript ES6 ) https://youtu.be/yOdAVDuHUKQ 오브젝트와 배열의 차이는 무엇인가. 오브젝트는 서로 연관된 것들을 묶어 놓는 것을 말한다. 이러한 비슷한 타입을 묶어놓은 것을 자료구조라고 한다. 자료구조는 동일한 타입만 담을 수 있다. unshift() & shift() //unshift : add an item to the beginning console.log('unshift'); console.log(fruits);//Before fruits.unshift('lemon', 'strawberry') console.log(fruits..

YouTube Link 자바스크립트 11. 비동기 처리의 시작 콜백 이해하기, 콜백 지옥 체험 😱 JavaScript Callback | 프론트엔드 개발자 입문편 (JavaScript ES6) https://youtu.be/s1vpVCrT8f4 우선 콜백함수의 예시 코드들을 보자 function printImmediately(print) { print(); } printImmediately(() => { console.log('hello') }); 위의 코드는 동기식 콜백함수다. 말 그래도 콜을 한 후에 실행되는 것, 그것이 콜백함수이다. printImmediately(() => { console.log('hello') }); 를 보면 () => { console.log('hello') 이 부분이 콜백이..

YouTube Link 자바스크립트 10. JSON 개념 정리 와 활용방법 및 유용한 사이트 공유 JavaScript JSON | 프론트엔드 개발자 입문편 (JavaScript ES6) https://youtu.be/FN_D4Ihs3LE http를 통해서 서버에게 데이터를 요청해 가져올 수 있는 방법으론 ajax가 있다. 웹페이지를 다시 로딩하지 않고 동적으로 서버에게 데이터를 주고 받는 기술이다.(검색창 미리보기와 같은) 이것 말고도 브라우저 API에서 제공하는 XHR도 있다. 최근에 추가된 브라우저 API는 fetch() API가 있다.(XML은 html과 같은 마크업 언어이다.) JSON은 key와 value로 이루어져 있다. JSON은 Object로 직렬화해서 JSON의 데이터를 저장하거나 전송 ..

YouTube Link 한시간만에 Node.js 백엔드 기초 끝내기 (ft. API 구축) https://youtu.be/Tt_tKhhhJqY API란? 개념 및 유용한 API들 소개, 날씨 API 자바스크립트 실전 활용 방법 https://youtu.be/pLBJgvC_ZUA API의 오해 npm은 하나의 패키지를 제공해주는 사이트이다. 물론 npm 패키지들 중 어떤 패키지는 API를 제공해준다. Document(/Documentation/Doc)는 프로그램의 사용법,기능,동작 등을 설명하는 설명서(문서)다. 그리고 API는 프로그램 간의 상호작용을 위한 규칙, 규약, 함수, 프로토콜 등의 집합이다. 초창기에 나는 API와 Doc가 같은 개념으로 퉁쳐 생각했다. 뿐만 아니라 그렇게만 알아두란 식인 잘 ..

YouTube Link ajax 는 왜 필요한가? 이걸로 한방에 끝 https://youtu.be/_Kh5Kdha3Ww Ajax의 개념 : HTTP,WEB,브라우저의 개념 http,WEB,브라우저의 개념이 필요하다. 웹서버와 웹의 브라우저간의 소통(Request,Response)이 계속해서 이루어진다. 브라우저란 웹에서 제공하는 정보를 사용자가 쉽게 볼 수 있도록 보여주는 소프트웨어이다. 즉, 웹은 정보를 제공하는 서비스이고 브라우저는 정보를 보여주는 소프트웨어이다. http란 WEB을 보여주기 위한 프로토컬이다. ftp는 파일 프로토컬이다. 더 나아가서 https의 s는 보안을 의미한다. http는 동적이다. http는 기본적으로 TCP/IP 프로토콜을 사용하여 데이터를 전송한다. 따라서 http는 정..

YouTube Link WEB3-Ajax https://youtube.com/playlist?list=PLuHgQVnccGMA9-1PvblBehoGg7Pu1lg6q 동적으로 구현 그리고 목표 HTML CSS JavaScript WEB 우리는 한 스크립트 안에서 모든 것들을 해결하는 방식의 코드를 원하는 것이 아니다. 'HTMLHTML is... 의 코드는 HTML파일로, 마찬가지로 CSS도 CSS파일로 존재하면서 사용자가 요청할 때만 해당 값이 동적으로 변하고 값이나 데이터를 로드 해오는 방식을 우린 원한다. 이것을 해결하기 위해 Ajax가 필요하다. fetch API 우린 fetch를 알아야한다. 깊게는 알지 못해도 대략 어떻게 생겼는지 정도만 알라했다. [Jquery] 제이쿼리 Ajax 설명 사용법 ..

https://www.youtube.com/playlist?list=PLuHgQVnccGMA9-1PvblBehoGg7Pu1lg6q WEB3-Ajax www.youtube.com Youtube채널 생활코딩의 영상을 토대로 학습하며 기록한 것이다. 모든 부분을 다루진 않고, 재생목록의 순서로 작성할 것이 아닌 지금 나에게 필요한 부분을 기준으로 작성할 것이다. 설명보단 실습을 위주로 했던 코드를 올릴 것이며 가능한 영상에서 재공된 예시만 작성하지 않고 직접 구상하며 응용해보는 방식으로 작성할 것이다.