일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 혼공얄코
- UI
- HTTP메시지구조
- 자바스크립트문자열출력하기
- 2024년회고
- 프로그래머스문자열출력하기
- 네트워크
- 인프런워밍업클럽스터디
- 인프런로드맵
- 혼자서공부하는네트워크
- 혼자공부하는
- 혼공시리즈
- 사이드이펙
- 혼자서공부하는
- 인프런워밍업클럽
- 혼자서공부하는얄팍한코딩지식
- 혼자공부하는네트워크
- 혼공네트워크
- 혼공네트
- 혼공학습단
- 인프런워밍업스터디
- HTTP
- 한빛미디어
- 혼공학습단11기
- GUI
- UX
- https
- HTTP와HTTPS차이점
- 혼자공부하는얄팍한코딩지식
- 인프런워밍업
- Today
- Total
목록Front-end/Question (8)
Just go for it
자바스크립트를 공부하면 항상 나오는 비동기! 왜 비동기 프로그래밍을 해야 하는 것일까? 궁금해서 구글링을 통해 참고해 글을 써보았다. 이해하기 위해 알아야 하는 단어 비동기 프로그래밍: 작업이 완료될 때까지 기다리지 않고 잠재적으로 오래 실행되는 작업을 시작하여 해당 작업이 실행되는 동안에도 다른 이벤트에 응답할 수 있게 하는 기술이다. 작업이 완료되면 프로그램이 결과를 제공한다. 스레드 : 프로세스 내에서 실행되는 흐름의 단위 CPU-하드웨어적 스레드, 하나의 코어가 동시에 처리하는 명령어 단위 프로그램- 소프트웨어적 스레드, 하나의 프로그램에서 독립적으로 실행되는 단위 싱글스레드 : 하나의 프로세스가 한번에 하나의 일만 처리하는 것 블락킹 Blocking: 동기적으로 무거운 작업이 수행되어 이후의 작..
innerHTML - Element의 속성 - 해당 Element의 HTML, XML을 읽어거나 설정 가능 innerText - Element의 속성 - 해당 Element 내에서 사용자에게 '보여지는' 텍스트 값을 읽어온다. - display: none 으로 정의된 숨겨진 텍스트는 사용자에게 보여지지 않는다. textContent - Node의 속성 - , 태그와 상관없이 해당 노드가 가지고 있는 텍스트 값을 그대로 읽는다. - 문자열과 공백이 그대로 표현된다. 모두 자바스크립트에서 DOM을 탐색하고 조작할 때 사용하는 메서드로서 텍스트값을 읽어오고 설정할 수 있다는 비슷한 점이 있습니다. 하지만 element가 가지고 있는 컨텐츠의 내용에 따라 차이가 있기에 알아두어야 한다.
순수함수란 입력한 값에 대해 항상 같은 결과를 리턴하는 함수입니다. 그렇기에 결과를 예측할 수 있습니다. 순수함수는 결과 값이 변하지 않는 점에서 불변성이고 외부의 값으로 수정되지 않기에 side-effect 이 없습니다. 추가 질문 Side effect 이란? 함수 외부의 값이나 상태를 변경하는 것, 변화를 예측할 수 없어 예기치 못한 오류를 발생시킬 수 있다. - side effect 을 가지는 함수는 입력 값에 대해 같은 결과를 반환하지 않습니다. 예 ) 전역 변수 수정, 데이터베이스 접근은 side effect이 있다. - 리액트에서는 단방향 데이터 흐름을 유지하기 위해 리액트 컴포넌트의 props를 직접 변경하지 않는 방법으로 순수 함수를 지향하고 있습니다.
HTTP messages 클라이언트와 서버 사이에서 데이터가 교환되는 방식 HTTP messages 두 가지 유형 요청(Requests) 응답(Responses) HTTP Request (요청) : Method, Path, Version of the protocol - Method: HTTP 메서드는 보통 클라이언트가 수행하고자 하는 동작을 정의한 GET, POST, OPTIONS, HEAD를 지칭 GET 사용(클라이언트 리소스 가져오기) POST( HTML 폼의 데이터를 전송) 사용한다. 다른 경우에는 다른 동작이 요구될 수도 있다. - Path: 가져오려는 리소스의 경로는 프로토콜http://, 도메인 여기서는 developer.mozilla.org, 또는 TCP 포트여기서는 80인 요소들을 제거한 ..
객체가 저장된 공간을 가리키는 정보만 상수일뿐 그 객체의 정보 자체는 변경이 가능하다 객체의 경우 상수로 선언해도 메모리값만 상수일 뿐 객체 안의 내용은 변경이 가능하다. 즉 객체가 저장된 공간을 가리키는 정보만 상수일뿐 그 객체의 정보 자체는 변경이 가능하다. 이런 이유로 JavaScript에서 객체는 변수로 선언할 이유가 없으며 거의 모든 케이스에서 상수로 선언하는게 일반적이다. 또 이렇게 상수로 선언된 객체의 Immutability를 보장하기 위해 여러 테크닉이 쓰이게 되는데 주로 ECMAScript 6에서 도입된 Spread Operator를 사용하는 것이 일반적이다. 이렇게 객체를 복사하여 사용할 때도 Deep clone하지 않으면 의도치 않게 원본 객체가 변경되어버리기 때문에 많은 주의가 필요..
콘솔이란? 서버의 로컬 장치에서 직접 명령어를 작성할 수 있는 입출력 장치, 콘솔이 물리적인 장치라면 터미널은 원격제어 환경까지 포함하는 더 넓은 의미 1. 터미널 서버의 로컬 또는 원격으로 접속할 수 있는 콘솔을 구현한 소프트웨어 2. 쉘 실제로 명령어를 전달하고 결과를 전달받는 프로그램 참고 https://blog.naver.com/PostView.naver?blogId=asianchairshot&logNo=221383363419&redirect=Dlog&widgetTypeCall=true&directAccess=false return VS console.log console.log 는 콘솔에 출력하는 함수입니다. 반면 return 은 함수의 결과를 돌려줍니다. 마지막 줄에 undefined가 출력 ..
형 변환 함수와 연산자에 전달되는 값은 대부분 적절한 자료형으로 자동 변환됩니다. 이런 과정을 "형변환 (type conversion) 이라고 합니다. String(value) 문자형으로 변환 let value = true; alert(typeof value); // boolean value = String(value); // 변수 value엔 문자열 "true"가 저장됩니다. alert(typeof value); // string Number(value) 숫자형으로 변환 let str = "123"; alert(typeof str); // string let num = Number(str); // 문자열 "123"이 숫자 123으로 변환됩니다. alert(typeof num); // number 숫자형..
모던 자바스크립트는 '클래스'와 모듈'이라 불리는 진일보한 구조를 제공한다. 이 둘을 사용하면 use strict가 자동으로 적용되어 따로 붙일 필요가 없다. use stric없이 할당하기 // 참고: 이 예제에는 "use strict"가 없습니다. num = 5; // 변수 'num'이 정의되어있지 않더라도, 단순 할당만으로 변수가 생성됩니다. alert(num); // 5 use stric있이 할당하기 "use strict"; num = 5; // error: num is not defined 클래스 사용자가 직접 객체를 선언하고 객체를 멤버를 구성하여 사용할 수 있고 범위와 용도도 정해줄 수 있다. 이렇게 만든 클래스는 그 용도와 목적에 맞게 상속을 통한 인스턴스화, 인터페이스 구현이 가능하다. 즉..