배워서 남주는 개발자 :)
반응형

javascript 11

[ JS 딥다이브 ] 9주차 : 함수

1. 함수란? 함수는 JS에서 가장 중요한 핵심개념이다. 일련의 과정을 문으로 구현하고 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것이다. // f(x,y) = x + y function sum(a, b){ return a + b } f(3, 9) = 12 sum(3,9) // 12 * 매개변수 - 함수 내부로 입력을 전달받는 변수 * 입력 - 인수 / 출력 - 반환값 함수는 정의를 통해 생성이 가능하다. 또한 인수를 매개변수로 통해 함수에 전달하면서 함수의 실행을 명시적으로 지시하는 함수의 호출을 해야 코드 블록에 담긴 문들이 실행된다. 2. 사용이유 함수는 필요할 때 여러번 호출할 수 있다. ➡️ 코드의 재사용 측면에서 매우 유용하다. 함수의 이름은 자신의 역할을 잘 설명하도록 작성되어야 한다...

JS 2023.03.25

[ javascript ] encodeURI(), encodeURIComponent() 차이

1. encodeURI() : decodeURI() escape()와 같이 변환을 하지만, 인터넷 주소에서 쓰는 특수 문자 : ; / = ? & 는 변환을 하지 않습니다. 2. encodeURIComponent() : decodeURIComponent() 인터넷 주소에서 쓰는 특수 문자 : ; / = ? & 까지 변환을 합니다. 인터넷 주소를 하나의 변수에 넣을때 쓸 수 있습니다. ★ 덧붙임 : encodeURIComponent() 는 UTF-8 로 인코딩 하는 것과 같음 encodeURI는 알파벳, 0~9의 숫자, ; , / ? : @ & = + $ # - _ . ! ~ * ' ( ) 를 제외한 문자를 인코딩(이스케이프 처리) encodeURIComponent는 알파벳,0~9의 숫자 - _ . ! ~ ..

Web 2022.08.02

프로토타입 이란? (Prototype) 자바스크립트 핵심 개념

(본 포스팅은 개인 공부를 목적으로 작성된 포스팅으로 부족한 점이 있다면 댓글로 알려주시면 보완하겠습니다!) 1. 프로토타입이란? 2. 생성자란? 3. 프로토타입 체인이란? 4. 프로토타입 사용시 주의사항 1. 프로토타입이란? 프로토타입이라는 것이 무엇일까? 프로토타입은 자바스트립트 안에 존재하는 거물급 개념중에 하나이고, 자바스크립트의 객체지향 언어를 지탱하고 있는 매우 핵심적인 개념 중에 하나이고, 자바스크립트를 일반적인 객체지향 언어와 구분하는 중요한 개념이다. 프로토타입은 '원형'이라는 의미로 말그대로 객체의 원형이라고 이해할 수 있다. 함수는 객체이다. 그러므로 생성자로 사용될 함수도 객체이다. 객체는 프로퍼티를 가질 수 있는데 prototype이라는 프로퍼티는 그 용도가 약속되어 있는 특수한 ..

Web 2022.05.01

이벤트 루프란? [ 자바스크립트 동작원리 ]

(이번 포스팅은 아래의 이벤트 루프 영상을 보고 정리한 포스팅입니다.) https://youtu.be/8aGhZQkoFbQ 자세한 설명을 원하시는 분은 위의 영상을 참고해주세요! :) 자바스크립트는 기본적으로 싱글스레드 프로그래밍 언어이다. 여기서 싱글스레드라는 것은 한 번에 하나의 작업만이 가능하다는 의미이다. one thread == one call stack == one thing at a time 여기서 호출 스택(call stack)이라는 것은 프로그램 상에서 우리가 어떤 순서로 작업을 수행하는지 기록하는 작업 스케줄링과 관련된 자료구조이다. 우리가 어떤 함수를 실행하게 되면 우리는 그 함수를 stack(스택)의 맨 위에 놓는데, 이것을 push라고 한다. 만약에 함수가 어떤 값을 리턴하거나 실..

Web 2022.04.22

실행 컨텍스트 (Execution Context) 란? 자바스크립트 동작원리

(해당 포스팅은 개인 공부를 목적으로 작성된 포스팅으로 부족한 점이 있더라도 양해 부탁드립니다!) 1. 실행 컨텍스트 2. 실행 컨텍스트의 3가지 객체 2-1. Variable Object (VO) 2-2. Scope Chain (SC) 2-3. this Value 3. 실행 컨텍스트의 생성 과정 3-1. 전역 코드에 진입 3-2. 전역 코드의 실행 3-3. foo()함수의 실행 1. 실행 컨텍스트 ECMA Script 스펙에 따르면 실행 컨텍스트를 '실행가능한 코드를 형상화하고 구분하는 추상적인 개념'이라고 정의합니다. 쉽게 말해서 실행 컨텍스트는 실행 가능한 코드가 실행되기 위한 환경이라고 말할 수 있습니다. 여기서 말하는 실행 가능한 코드는 아래와 같습니다. 전역 코드 : 전역 영역에 존재하는 코드..

Web 2022.04.20

22.04.08 [항해99 33일차] 클로저 / 스웨거 사용법

🛑 오늘의 한줄평 👉🏻 미니프로젝트 시작 🛑 오늘 한 일 07:00 - 08:00 준비 08:00 - 09:00 노드 강의 09:00 - 09:30 미니프로젝트 발제 09:30 - 10:00 휴식 10:00 - 10:30 협업 세션 10:30 - 11:00 cs 스터디 11:00 - 12:00 와이어프레임 회의 12:00 - 13:30 점심 13:30 - 18:00 와이어프레임 회의 18:00 - 19:00 저녁 19:00 - 22:40 api 설계 🛑 오늘 할 일 미니프로젝트 와이어프레임 미니프로젝트 api 설계 DB schema 작성 강의 듣기 - node 기능 1시간 개인 프로젝트 작업 - 회원가입 로그인 기능 붙이기! 실행 context (+호출스택)- this / scope 이벤트 루프 프로토타..

항해99 2022.04.09

22.04.01 [항해99 26일차] 트리구조 / 객체지향 프로그래밍 OOP

🛑 오늘의 한줄평 👉🏻 새로운 시작 🛑 오늘 한 일 07:00 - 08:30 준비/ 업로드및 하루계획 08:30 - 09:00 cs 공부 09:00 - 09:30 주특기 심화 발제 09:30 - 11:30 팀과제 11:30 - 12:00 cs 스터디 12:00 - 13:00 DNS 포스팅 13:00 - 14:00 점심 14:00 - 14:50 DNS 포스팅 14:50 - 15:40 휴식 15:40 - 17:30 테스트 코드 강의 17:30 - 19:00 저녁 19:00 - 20:00 cs 유튜브 🛑 오늘 할 일 개인 프로젝트 작업 주특기 숙련 - 상세페이지에 댓글달기 / 수정 / 삭제 코드분석 객체지향 프로그래밍 OOP https://poiemaweb.com/js-object-oriented-progra..

항해99 2022.04.03

22.03.28 [항해99 22일차] 절대경로 상대경로 / sequelize와 SQL / 단위테스트와 TDD

07:00 - 08:00 준비 08:00 - 08:30 cs 배열 공부 08:30 - 09:30 개인프로젝트 경로연결 문제 09:30- 10:00 cs 10:00 - 10:30 cs 팀과제 10:30 - 11:40 개인 과제 11:40 - 13:00 점심 13:00 - 16:00 개인 과제 - 메인 화면 서버 연결 및 상세페이지 화면 연결 16:00 - 18:00 개인 과제 - 상세페이지 데이터 받아오기 18:00 - 20:00 저녁 20:00 - 22:30 개인 과제 - 상세페이지 데이터 연결 및 개인 프로젝트 데이터 연결 작업중 [항해99 22일차] 🛑 오늘 할 일 개인 프로젝트 서버에 데이터 전송 주특기 숙련 - 작성페이지 데이터 전송(post) + 로그아웃 버튼 수정 : 경로 변경후 안됨... 주..

항해99 2022.03.30

JWT(Json Web Token)란?

JWT(Json Web Token) JWT란 Json포맷을 이용하여 사용자에 대한 속성을 저장하는 Claim기반의 Web Token입니다. JWT는 토큰 자체를 정보로 사용하는 Self-Contained 방식으로 정보를 안전하게 전달합니다. 주로 회원인증이나 정보 전달에 사용되는 JWT는 아래 로직에 따라 처리 됩니다. 어플리케이션이 실행될 때, JWT를 static 변수와 로컬 스토리지에 저장하게 됩니다. static 변수에 저장되는 이유는 HTTP 통신을 할때마다 JWT를 HTTP 헤더에 담아서 보내야 하는데, 이를 로컬 스토리지에서 계속 불러오면 오버헤드가 발생하기 때문입니다. 클라이언트에서 JWT를 포함해 요청을 보내면 서버는 허가된 JWT인지 검사합니다. 또한 로그아웃을 할 경우, 로컬 스토리지..

Web 2022.03.13
728x90