코르시카's Blog

■ Lexical Scope 1) 정의: 함수가 함수 밖에서 참조하는 변수는 함수의 선언 영역에서 참조가능한 global 변수를 참조 === 함수의 선언 영역에 따라 상위 스코프가 결정(함수의 호출이 결정하지 않음) var number = 1; function a() { var number = 10; b(); } function b() { console.log(number); } a(); // 1 b(); // 1 ※ 함수의 호출에 따른 결정방식을 따르면 Dynamic Scoping이라고 함 > Java, C 등 요즘 언어는 lexical scope 2) 상위스코프의 범위 > 찾을 때 까지 상위 범위로 확장 ( 지역 scope에서 못찾으면 parent 상위 scope으로 확장 ) let name = "C..

공식 문서 (1) w3school, 완전 간단 www.w3schools.com/js/js_conventions.asp JavaScript Style Guide JavaScript Style Guide Always use the same coding conventions for all your JavaScript projects. JavaScript Coding Conventions Coding conventions are style guidelines for programming. They typically cover: Naming and declaration rules for variables and func www.w3schools.com (2) airbnb 되게 상세함, 보기 좋음 github.co..

※ 추가될 수 있음 Node.js React next.js Babel ■ Redux & Reduce velopert.com/3528 리덕스(Redux)를 왜 쓸까? 그리고 리덕스를 편하게 사용하기 위한 발악 (i) | VELOPERT.LOG 이 포스트는 리덕스의 리도 모르는 독자들을 대상으로 작성된 글입니다. 리덕스가 왜 필요한지 알아보고, 리덕스를 편리하게 사용하기 위한 발악을 한번 해보겠습니다. 리덕스 왜 쓸까? 리액트 velopert.com medium.com/@ca3rot/%EC%95%84%EB%A7%88-%EC%9D%B4%EA%B2%8C-%EC%A0%9C%EC%9D%BC-%EC%9D%B4%ED%95%B4%ED%95%98%EA%B8%B0-%EC%89%AC%EC%9A%B8%EA%B1%B8%EC%9A..

■ Function in JS 1) Procedual language (절차 언어) 함수가 매우 중요한 기능을 담당 > JS에 Class가 있어 object oriented 지만, prototype를 base로 한 가짜의 object임 > Procedual language에 가까움 2) Function이 매우 중요해서 다음을 고려해야함 (a) Function is an object in JS > first class citizen : 객체로 취급될 수 있음 ( can be passed as a parameter, returned from function ) (b) In, Output (c) function의 naming rule doSomething, command, verb eg) createCardA..

// 11. loops let i = 3; while(i > 0){ console.log(`while: ${i}`); i--; } >>> while: 3 while: 2 while: 1 참조 : www.youtube.com/watch?v=YBjufjBaxHo&list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2&index=4&t=5s ■ String // 1.String concatenation console.log("my" + "cat"); console.log("1" + 2); // dynamic type console.log(`string literals: 1+ 2 = ${1 + 2}`) 1) + 기호 사용 가능 2) dynamic 하게 string으로 출력 될 수 있음 3) ba..

■ 쿠키 1) 정의 : 서버가 클라이언트 브라우저에 보내어 브라우저가 저장하였다가, 서버의 요청이 있을 때 참조할 수 있는 문자열 정보 > 웹페이지 방문시 방문 기록 등 브라우저에서의 정보들이 저장된 텍스트 파일 > HTTP 통신이 비연결성이기 때문 / Stateless > '어떤' '누구' client의 요청인지 파악하기 위함 (서버를 대신하여 웹브라우저에 관련 내용을 저장, 필요할 때 꺼내어서 전송하여 사용자 식별하는 방식) = 인증 등이 필요한 작업에 대해 > key, value 형태로 저장 > 브라우저마다 저장되는 쿠키는 다름 2) 종류 (a) 기술적 쿠키 : 검색하는 주체가 사람 / application 인지 이용자 구분 (b) 분석 쿠키 : 어떤 것을 주로 검색하는지, 시간, 언어 등의 정보 ..

■ 웹 & 통신 protocol 1) 정의 : 인터넷 상에서 통신 규약, protocol 이라고 지칭 > 웹서버와 웹 사용자의 브라우저 사이에 Hyper Text문서를 전송하기 위한 규약 (문자 그대로 text 전송) + encrypted(암호화) 된 media 파일도 포함(아마 [표현계층 암호화과정]에서 text로 변환되는 듯..?) ※HTTP란 HTTP(Hyper Text Transfer Protocol) 란 한마디로 HTML(웹문서를 만들기 위한 언어) 문서를 주고 받는데 쓰이는 통신프로토콜(통신규약)이며, TCP 와 UDP 를 사용하여 통신하며 80번 포트를 사용하는 통신프로토콜(통신규약)이다. ※HTTPS란 Secure HTTP - 보안요소가 추가된 것 비대칭방식 사용, 더 찾아볼 것 - TCP..

참조 : blog-han.tistory.com/58 [AWS] Amazon Web Serivce : AWS 에 Node JS 웹 서버 만들기 1 AWS EC2에 Node JS 웹 서버 구축하기 입니다. 1.우선 회원가입을 하고 로그인을 합니다. 회원 가입 시 신용카드 정보 입력이 필요합니다. 준비해두세요.! 인스턴스 시작 버튼을 눌러줍니다. 3.사용할 blog-han.tistory.com m.blog.naver.com/nieah914/221977829448 AWS putty 접속하기 안녕하세요 피드백 맨입니다.오늘은 AWS 를 사용할때 가장 먼저 할줄 알아야하는 putty 접속하는 방법에... blog.naver.com ■ EC2가상 머신 설정 1) 마법사에서 EC2 설정 클릭 > 아니면 콘솔 검색에서 ..