sutrong의 등록된 링크

 sutrong로 등록된 티스토리 포스트 수는 21건입니다.

리액트에서 Element를 생성하는 법 (feat. Babel 사용 이유) [내부링크]

바벨(Babel)을 왜 사용할까? 자바스크립트 컴파일러 ES6 문법을 ES5로 변경해줌 새로운 문법이나 타입스크립트, JSX 언어들이 모든 브라우저 환경에서 동작할 수 있도록 호환성을 지켜주는 것 브라우저가 JSX 문법..

[Challenge] 일주일간 이어폰으로 음악 듣지 않기 [내부링크]

계기 청력이 나빠짐을 느낌. 공부하는데 주의력 분산이 빈번하게 발생하여 같은 내용을 다시 읽게 됨. TV도 게임도 최근 3주간 하지 않았으니 이 사태의 범인으로 'music is my life' 를 지목함 기간 일주일..

13장 스코프 [내부링크]

1. 스코프 매개변수를 참조할 수 있는 유효 범위 function add(x, y) { // 매개변수는 함수 몸체 내부에서만 참조할 수 있음 // 매개변수의 스코프(유효범위)는 함수 몸체 내부 console.log(x, y) // 2 5 return x..

12장 함수 [내부링크]

1. 함수 일련의 과정을 문으로 구현하고 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것 매개변수(인수, 반환값) : 함수 내부로 입력을 전달받는 변수 함수 정의를 통해 생성 2. 함수를 사용하는 이유 필요할..

11장 원시 값과 객체의 비교 [내부링크]

1. 원시값 변경 불가능한 값 원시 타입의 값, 원시 값은 변경 불가능한 값 한번 생성된 원시 값은 읽기 전용 값. 변경할 수 없음 데이터의 신뢰성 보장 원시값을 할당한 변수에 새로운 원시 값 재할당 시 재할당..

[Vanilla JS 활용] DOM 제어 및 사용자 정보 획득 [내부링크]

1. console.dir() console.log 대신 사용 시, Element 를 더 상세히 보여줌 2. document.querySelector() 찾는 요소와 최초로 일치한 element 반환 Grab me 1! Grab me 2! Grab me 3! const title = document.quer..

10장 객체 리터럴 [내부링크]

1. 객체란? 자바스크립트는 객체 기반의 프로그래밍 언어 원시값을 제외한 나머지 값(함수, 배열, 정규식)은 모두 개체 원시 값은 변경 불가능한 값이나 객체는 변경 가능한 값 0개 이상의 프로퍼티로 구성된 집합..

9장 타입 변환과 단축 평가 [내부링크]

1. 타입 변환? 명시적 타입 변환 : 개발자가 의도적으로 타입 변환하는 것 => 타입 캐스팅 암묵적 타입 변환 : 개발자의 의도와 상관없이 표현식 평가 도중 자바스크립트 엔진에 의해 타입이 변환되는 것 => 타입..

퍼블리셔 면접 후기 [내부링크]

현재 상황 3년 7개월 정도 근무 후 퇴사, 6개월 공백 상태 디블리셔(웹디자인/웹퍼블리싱)로 일함 -> 유지보수 국민 취업지원제도 병행 중 디자인 작업이 훨씬 많았기 때문에 동일 경력의 퍼블리셔보다 경험이 부..

프론트엔드 웹개발 환경 셋팅 [내부링크]

1. 작업 환경 조성 Visual Studio Code / GIT 설치 / 카카오 개발자 회원가입 (api 사용, 키 값 발급) 공공데이터포털 회원가입(api, 데이터를 받아와 쓰는 곳) Visual Studio Code 에서 확장 프로그램 live serve..

6장 데이터 타입 [내부링크]

자바스크립트(ES6)는 7개의 타입 제공 원시 타입 / 객체 타입으로 분류 원시 타입 : 숫자, 문자열, 불리언, undefined, null,심벌 타입 객체 타입 : 객체, 함수, 배열 등 1. 숫자 타입 // 숫자 타입은 모두 실수로..

5장 표현식과 문 [내부링크]

1. 값 식(표현식)이 평가되어 생성된 결과 식을 해석해서 값을 생성하거나 참조하는 것2. 리터럴 2. 리터럴 사람이 이해할 수 있는 문자 or 미리 약속된 기호를 사용해 값을 생성하는 표기법 사람이 이해할 수 있..

8장 제어문 [내부링크]

1. 블록문 0개 이상의 문을 중괄호로 묶은 것 자체 종결성을 갖기 때문에 블록문의 끝에 ; 붙이지 않음 // 블록문 { var foo = 100; } // 제어문 var x = 1; if( x < 10 ) { x++; } // 함수 선언문 function sum(a..

state는 또 뭐야 [내부링크]

1. return return () 안에는 병렬로 2개 이상 기입 금지 2. state 자료 잠깐 보관할 때 사용 import { useState } from 'react'; useState(보관할 자료) let [작명a, 작명b] a -> 내가 보관한 자료, 변수처럼 사용..

리액트 개발 환경과 JSX 문법 [내부링크]

1. 리액트 개발 환경 셋팅 node_modules 폴더 : 라이브러리 코드 보관함 public 폴더 : static 파일 모아놓는 곳 , 퍼블리싱 파일, 이미지 파일 잠깐 보관하고 싶을 때 src 폴더 : 가장 중요, 코드는 여기서 짬 js..

7장 연산자 [내부링크]

1. 산술 연산자 피연산자 대상으로 수학적 계산을 수행해 새로운 숫자 값을 만듬 이항 산술 연산자 ex) + , - , * , / , % 단항 산술 연산자 ex) ++ , -- , + , - 증가/감소(++/--) 연산자 : 피연산자의 값을 변경..

4장 변수 [내부링크]

1. 변수란 무엇인가? 하나의 값을 저장하기 위해 확보한 메모리 공간 자체, 그 메모리 공간을 식별하기 위해 붙인 이름 프로그래밍 언어에서 값을 저장하고 참고하는 메커니즘, 값의 위치를 가리키는 상징적 이름..

3장 자바스크립트 개발 환경과 실행 방법 [내부링크]

1. 자바스크립트 실행 환경 브라우저 : HTML,CSS, 자바스크립트를 실행해 웹페이지를 브라우저 화면에 렌더링. 파싱된 HTML 요소를 선택하거나 조작하는 기능의 집합인 DOM API를 기본으로 제공, 보안상 파일 시스..

2장 자바스크립트란? [내부링크]

1. 자바스크립트의 탄생 1995년 넷스케이프 커뮤니케이션즈가 웹페이지의 보조적인 기능을 수행하기 위해 경량 프로그래밍 언어를 도입하기로 함, 브렌던 아이크가 자바스크립트를 개발 1996년 3월, 넷스케이프의..

1장 프로그래밍 [내부링크]

1. 프로그래밍 컴퓨터에게 실행을 요구하는 커뮤니케이션 컴퓨터는 양적 개념인 숫자를 통해 명령해야 함 2. 프로그래밍 언어 문제해결방안은 컴퓨터가 이해할수 있는 기계어로 전달해야 함 사람이 기계어를 사용..

Git & GitHub에 대한 이해 [내부링크]

1. GitHub에 코드를 올리는 과정 내 컴퓨터 프로젝트 폴더에 '여기에서 Git을 쓸거다!' 라고 명령 즐겁게 코딩 내가 변경한 파일 중 올리길 원하는 것만 선택 선택한 팔일들을 한 덩어리로 만들고 설명 적어주기(e..