일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- StringTokenizer
- 단국대학교 k-mooc
- 블록체인 강의
- CSS 기초
- 자바
- html기초
- 블록체인강의
- javascript
- 혁신의기술2:신뢰의미래 블록체인을 만나다
- 시스템프로그래밍
- stringreader
- Node
- 자료구조
- K-MOOC
- HTML
- national instruments
- 해시
- 스레드 풀 웹 서버
- o_creat
- o_excl
- 컴파일시스템
- 스레스
- biginteger사용법
- StringBuilder
- 블록체인
- 자바스크립트
- html 태그
- K-MOOC 단국대학교 홍보단
- 자바문자열구분
- 자바입력받기
- Today
- Total
목록개발 공부 (73)
열정 실천
📌 렉시컬 스코핑 (Lexical Scoping) 이란?? 렉시컬 스코핑은 동적 스코핑과 반대되는 정적 스코핑으로 쉽게 이해하면 된다. 함수가 호출되는 시점에 따라 상위 스코프를 결정하는 동적 스코핑과 달리 렉시컬 스코핑은 함수가 선언되는 시점에 상위 스코프를 결정한다. 다른 많은 프로그래밍 언어들처럼 자바스크립트도 이 '렉시컬 스코핑'을 따른다. 다음 코드를 보자 const name = "KOO" function print1(){ const name = "ROSS" console.log(name); print2(); // 함수 호출 위치 } function print2(){ //함수 선언 위치 console.log(name); } print1(); 만약 이 렉시컬 스코핑을 따른다면 결과 어떻게 될까??..
useState란? 함수형 컴포넌트 안에서 상태 관리를 하기 위한 Hook 🐾 State 특징 변수 대신 쓰는 데이터 저장 공간 문자, 숫자, array, object 다 저장 가능 State for WebApp : state는 변경되면 html이 자동으로 재렌더링 됨! 자주 바뀌거나 중요한 데이터들은 state에 저장 🔊 사용 방법 우선 useEffect hook을 사용하기 위해서 import 해준다. import useState from 'react'; // import 1. 선언하기 let[name, setName] = useState('내용'); 첫 번째 인자 : 값을 저장할 변수 두 번재 인자 : 변수를 변경하기 위한 함수 2. 변경하기 setName('state값 변경'); 이처럼 state의..
useEffect 클래스형 컴포넌트의 생명주기 함수 중 componentDidMount, componentDidUpdate, componentWillUnmout 의 기능을 수행한다. 즉, 1. 마운트 됐을 때 (처음 컴포넌트가 화면에 나타날 때) 2. 업데이트 될 때 (특정 props가 바뀔 때) 3. 언마운트 됐을 때 (컴포넌트가 소멸되기 직전에) 🔊 사용 방법 우선 useEffect hook을 사용하기 위해서 import 해준다. import React, { useEffect } from 'react'; //import 1. 마운트(mount) 됐을 때 useEffect의 첫 번째 인자인 함수에 실행할 코드를 작성한 후, 두 번째 인자에 이렇게 빈 배열을 두면 된다. useEffect(()=>{ co..
들어가기 전.. React의 컴포넌트에는 클래스형 컴포넌트와 함수형 컴포넌트가 있다. 현재는 대부분 함수형 컴포넌트를 사용한다. 하지만 옛날에는 클래스형 컴포넌트를 사용해 개발했기 때문에 코드를 이해하기 위해서 알아둘 필요가 있다. 다음에 클래스형 컴포넌트에 대해 공부해보는 걸로 하고! 이번 글은 함수형 컴포넌트에 대한 것이다. 기존의 웹 프레임워크는 MVC 방식으로 정보, 화면, 구동코드를 분리하여 관리했다. 정보는 Model이 화면은 View가 구동은 Controller가 담당했다. 이 방식은 코드 관리를 효율적으로 할 수 있지만 각 요소의 의존성이 높아 변경이 쉽지 않았다. 웹 사이트의 화면은 각 요소가 비슷하고 반복적으로 사용한다는 점을 착안하여 컴포넌트가 등장하게 되었다. 레고를 조립하듯이 컴포..
앞 포스팅에서 다룬 var의 문제들로 인해 ES6에서는 let과 const라는 새로운 문법을 소개했다. let과 const 는 전에 말한 var의 3가지 문제를 개선한 문법이라고 보면 된다. 📌 var와 구별되는 let, const의 특징 1. 같은 이름의 변수를 중복 선언할 수 없다. 2. 함수스코프가 아닌 블록스코프이다. 스코프, 함수스코프, 블록스코프 알아보기 👉👉 https://guun-oni.tistory.com/80 3. 호이스팅이 발생하지만 초기화되지는 않는다. >> var와 마찬가지로 선언이 맨 위로 끌어올려지는 호이스팅이 발생하지만 var 변수는 undefined(정의되지 않음)으로 초기화되고, let과 const 변수는 초기화되지 않아 선언 이전에 변수를 사용하려고 시도하면 refere..
ES6에서 변수를 선언하는 문법인 let과 const를 지원하면서 var의 사용을 지양한다. 더보기 📢 ES6란? ECMAScript 6의 약자로 2015년에 도입된 최신 버전의 JavaScript이다. 👀👀 그럼 왜 var를 쓰면 안되는가?! var를 쓰면 안되는 3가지 이유 1. 같은 이름의 변수를 중복해서 선언이 가능하다. var a = 5; var a = 10; console.log(a); // 10 같은 이름의 변수를 중복해서 선언할 수 있고, 가장 마지막에 선언된 값을 저장하고 있다. 2. 호이스팅이 발생한다. 📢호이스팅이란? 해당 변수의 선언부를 스코프 최상단으로 올려버리는 것 해당 코드는 var a = 123; function func() { console.log(a); // undefin..