본문 바로가기

전체 글451

Javascript : this 😶‍🌫️ this란? 현재 코드를 실행하는 개체를 나타낸다. 현재 기능을 실행 중인 개체를 참조한다. 참조되는 함수가 일반 함수인 경우 this는 전역 개체를 참조한다. 참조되는 함수가 개체의 메서드인 경우에는 개체 자체를 참조한다. 😶‍🌫️ 암시적 바인딩 상황에 따른 this 바인딩을 암시적인 this 바인딩이라고 한다. 사용자가 생각하는것과 다르게 호출될 수도 있고 암시적인 부분이 많다. 그래서 예측하기 어렵고 스코프와 실행되는 시점에 따라서 많은것들이 바뀔수있다. 1. 전역 공간에서 this는 window를 바라본다. 2. 함수에서의 this는 window를 가리킨다. = 전역 공간을 가리킨다. 3. method에서의 this는 함수랑 다르게 호출되는 대상의 객체를 바라보고 있다. 😶‍🌫️ 명시적 .. 2022. 5. 23.
220520 오늘은 프로젝트 버튼 수정을했다. 이제는 styled component 사용하는게 어느정도 익숙해진것같다. 그리고 제로베이스 자바스크립트 강의를 들었다. Ajax에 대한 강의를 들었는데 비동기 통신하니까 저번에 공부했었던 fetch도 생각이 났다. 그리고 바로 다음에 fetch에 대한 강의 내용이 이어져서 Ajax와 HTTP에 대해서 이해하는게 엄청 어렵지 않았던것같다. 그리고 어제 풀려고 했었던 소수 만들기 코테를 또 못했다ㅜㅜ 너무 어렵고도 복잡한것같다,,, 테스트코드 통과했길래 프로그래머스에 정답확인 했는데 테스트 통과 못하는 게 있었다,, 그걸 해결하려고하니까 코드를 완전 다 갈아엎어야하는 상황이었다. 그래서 다시 차근차근 생각해보려고 했는데 머리가 안돌아가서 답답했다. 결국 에라토스테네스의 체 .. 2022. 5. 20.
Javascript : Ajax 🧸 HTTP 통신이란? HTML 문서를 주고 받는 프로토콜 HTML(Hyper Text Markup Language) HTTP(Hyper Text Transfer Protocol) : HTML 문서를 주고 받을 때 쓰는 문서, HTML 문서를 주고 받는 프로토콜이다. 프로토콜이란? 일종의 통신 규약 🧸 Ajax란? Asynchronous Javascript And XML (요즘은 XML 보다는 JSON 이 더 자주 이용된다) 비동기적인 웹 애플리케이션의 제작을 위해 사용되는 웹 개발 기법이다. HTTP 통신에서 페이지 새로고침 없이 간단한 네트워크 호출로 바로 일종의 XML이나 JSON 형태의 통신을 할 수 있는 비동기 통신 🧸 XMLHttpRequest XMLHttpRequest 객체는 서버와 상호작용.. 2022. 5. 20.
220519 너무 피곤했던 날 ㅜ 프로젝트는 간단하게 페이지랑 버튼 구현만 해뒀다. 인강은 스코프에 대한 내용을 공부했다. 전역스코프와 지역스코프에 대해서 배웠는데 원래 알고 있는 개념이어서 그런지 강의를 보면서 이해가 잘 되니까 진도가 잘 나가서 좋았다. 그리고 전역객체랑 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 호이스팅에 대해서 알게되었다. 넘 졸려서 코테는 내적이라는 제일 쉬워보이는걸로 풀었다,, 포모도로 하나를 거의 졸면서 보냈는데 이렇게 졸리고 집중이 안될때 좀 쉬어줘야한다는 것도 깨달았다. 2022. 5. 19.
48. 내적 https://programmers.co.kr/learn/courses/30/lessons/70128 코딩테스트 연습 - 내적 길이가 같은 두 1차원 정수 배열 a, b가 매개변수로 주어집니다. a와 b의 내적을 return 하도록 solution 함수를 완성해주세요. 이때, a와 b의 내적은 a[0]*b[0] + a[1]*b[1] + ... + a[n-1]*b[n-1] 입니다. (n은 a, b의 programmers.co.kr 1. 이해 주어진 두 배열의 내적을 구하라 2. 계획 반복문을 돌면서 a와 b 배열 내 요소들을 곱해준다 그 값들을 더한다. function solution(a, b) { return a.reduce((prev, curr, i) => prev + curr * b[i], 0); }.. 2022. 5. 19.
Javacript : Scope 스코프 🧮 전역스코프와 지역스코프 - 가장 바깥쪽에 있는 전역 스코프는 어디서나 접근이 가능하다. ex) let number = 'one'; - 어디서나 변경도 가능하다. 어디서나 재정의가 가능하다는 것이 큰 단점 - 예측 불가능하다. - 지역 스코프는 함수 스코프 혹은 블록 스코프라고도 한다. ex) {} 혹은 function func() {} 혹은 if문도 블록스코프라고 할 수 있다. - 예측 가능하다 +런타임 : 프로그램이 동작되는 시점 🧮 전역객체 1. 브라우저 환경 - 브라우저 환경에서 전역객체는 window 이다. - window 객체 2. NodeJS 환경 - this를 전역공간에서 호출하게 되면 브라우저에서 window를 호출하게된다. - global 객체 🧮 호이스팅 - 인터프리터가 변수와 함수.. 2022. 5. 19.