profile
교사에서 개발자로
post-thumbnail

23.01.20 오늘도 반딧불반..

import React from 'react';import './App.css';import './global-style.css';import { dummyTweets } from './static/dummyData';// ! 위 코드는 수정하지 않습니다.console

2023년 1월 20일
·
0개의 댓글
·
post-thumbnail

23.01.19 화가 난다.

업로드중..Chapter2 - unit3오늘은 Callback, Promise, Async/Await를 통해서 과제를 풀어보았다.너무 개념이 빈약한 상태에서 문제를 풀라고해서 빡치는데 해답을 보니깐 배우지도 않은 여러가지 활용법을 사용하여서 더욱 빡치는 하루였다.그리고

2023년 1월 19일
·
0개의 댓글
·

fetch API 개요 문제

코드스테이츠 의사코드 작성한 문제입니다.'part-3/01_basicChaining.js'는, fetch를 이용해서 해결해야 합니다.http://localhost:4999/data/latestNews 요청과 http://localhost:4999/da

2023년 1월 19일
·
0개의 댓글
·
post-thumbnail

객체 지향 프로그래밍

객체지향을 사용하는 이유 메서드 호출 실습하기 메서드 호출은 객체.메서드() 과 같이 객체 내에 메서드를 호출하는 방법을 의미한다. 값에 함수가 있다면 키값에 소괄호()를 붙여 함수를 실행시킬 수 있다. 이렇게하면 카운트기능이 있는 객체를 만들 수 있다. >

2023년 1월 16일
·
0개의 댓글
·
post-thumbnail

일급객체와 고차함수

JavaScript에 특별한 대우를 받는 일급 객체(first-class citizen)가 있다. 대표적인 일급 객체 중 하나가 함수 이다. JavaScript에서 함수는 아래와 같이 특별하게 취급됩니다.변수에 할당(assignment) 할 수 있다.다른 함수의 전달인

2023년 1월 12일
·
0개의 댓글
·
post-thumbnail

js에서의 this

메서드와 this 메서드는 객체에 저장된 정보에 접근할 수 있어야 제 역할을 할 수 있습니다. 모든 메서드가 그런 건 아니지만, 대부분의 메서드가 객체 프로퍼티의 값을 활용합니다. 이때 '점 앞’의 this는 객체를 나타냅니다. 정확히는 메서드를 호출할 때 사용된

2023년 1월 11일
·
0개의 댓글
·
post-thumbnail

Section 1 회고하기

1사수가 있는 연봉 3400이상의 회사에 취직하기!!\+(2023년내에서 취직성공하기)TIL스터디를 하면서 강제적이라도 복습을하고 내가 제대로 배운것인지 확인하게 되었다.블로그에 정리하면서 머리속으로 정리가 되었고, 까먹은것도 금방 찾아서 복습할 수 있다.아침에 깨자

2023년 1월 11일
·
0개의 댓글
·
post-thumbnail

KPT

목표는 구체적, 기간을 명시하자목표로 하는 회사가 있다면 회사이름을 구체적으로 적어보는 것도 좋다.현재 ‘내'가 학습을 통해 이루고자 하는 것은 무엇인가요?여러분이 현재 바라는 목표를 모두 이루었다면 ‘나'는 어떻게 변해 있을까요?‘나'에게서 어떤 모습을 보았을 때,

2023년 1월 11일
·
0개의 댓글
·
post-thumbnail

DOM

DOM의 기초 DOM이란 무엇인가? 웹브라우저는 HTML 문서를 해석하고, 화면을 통해 해석된 결과를 보여준다. 해석한 HTML를 화면을 통해 보여주는 과정을 렌더링이라 한다. 렌더링 흐름 브라우저는 HTML코드를 해석해서 요소들을 트리 형태로 구조화해 표현하

2023년 1월 5일
·
0개의 댓글
·
post-thumbnail

ES6 주요 문법

배경지식 reduce() spread/rest 문법 spread 문법 주로 배열을 풀어서 인자로 전달하거나, 배열을 풀어서 각 요소로 넣을 때에 사용한다. 선물 개봉할 때 포장지를 흩뿌리듯이(spread) 배열([])에서 벗어난다. rest 문법 매개변수(

2023년 1월 3일
·
0개의 댓글
·
post-thumbnail

클로저(closure;폐쇄)

배경지식 화살표함수란 클로저 기초 >클로저 개념 "함수와 함수가 선언된 어휘적(lexical) 환경의 조합을 말한다. 이 환경은 클로저가 생성된 시점의 유효 범위 내에 있는 모든 지역 변수로 구성된다." 클로저 함수의 특징 1. 클로저 함수는 함수를 리턴하는 함

2023년 1월 2일
·
0개의 댓글
·
post-thumbnail

스코프 (scope)

스코프의 기초 스코프의 정의 >변수 접근 규칙에 따른 유효 범위 어떤 변수는 어디서나 액세스 할 수 있지만, 어떤 변수는 특정 맥락 안에서만 사용할 수 있는 등의 제약이 있다. 변수의 사용범위를 정의한 것이 스코프이다. 스코프의 규칙 안쪽 스코프에서 바깥쪽 스

2023년 1월 2일
·
0개의 댓글
·
post-thumbnail

원시자료형과 참조 자료형

데이터 타입의 종류 기본형(원시형, primitive type) number string boolean null undefined symbol 참조형(reference type) object array function date ragExp map weakmap

2023년 1월 1일
·
0개의 댓글
·

객체(Object)

객체 개념 1억개의 요소가 존재하는 배열을 사용한다고 가정을 해보자. 필요한 요소를 뽑아내기 위해서는 index값을 알아내야하는데 이게 쉬운 일도 아니고 index값이 변화될 수도 있다. 그래서 요소들을 쉽게 뽑아내기 위해 데이터를 묶어서 이름을 붙이는 기능을 넣

2023년 1월 1일
·
0개의 댓글
·
post-thumbnail

형변환

형변환 암묵적 타입 변환 암묵적 타입 변환(타일 강제 변환) - 자바스크립트 엔진이 표현식을 평가할 때 코드의 문맥을 보고 암묵적으로 타입을 강제 변환시켜준다. 문자열 타입 문자열에서 +는 문자열 연결 연산자로 이용된다. 문자열 연결 시 피연산자 중 문자열 타입이

2023년 1월 1일
·
0개의 댓글
·
post-thumbnail

배열(Array)

배열을 간단히 말하면 순서가 있는 값이다.배열의 구조순서는 인덱스(index)라고 부르며 0부터 번호를 매긴다.값은 요소(element) 라고한다. 대괄호(square bracket)를 이용해서 배열을 만들고 각각의 원소는 쉼표(,)로 구분해준다.존재하지 않는 inde

2022년 12월 31일
·
0개의 댓글
·
post-thumbnail

함수(function)

함수를 사용한다는 것은 코드를 하나로 묶어서 필요할 때마다 호출하여 실행한다는 것을 의미한다.함수를 정의(defnition)한다. = 코드를 묶는다함수를 호출(call)한다. = 묶은 코드를 실행한다.함수를 반환(return)한다. = 함수의 실행결과를 외부로 나타낸다

2022년 12월 31일
·
0개의 댓글
·
post-thumbnail

반복문

for문 for문의 기초 JS의 대표적인 반복문인 for문에 대해서 배워보자. 반복문을 사용하면 반복되는 코드를 깔끔하게 작성할 수 있다. 정리된 코드를 다시한번 보면 반복문과 조건문 활용 이전에 배웠던 조건문과 반복문을 같이 활용해서 문제를 풀 수 있다.

2022년 12월 31일
·
0개의 댓글
·
post-thumbnail

If문

if문은 주어진 조건식의 true / false 여부에 따라 실행이 결정된다.조건문에 동치연산자(===, !==)를 넣어 사용할 수 있다.하나라도 true면 true 출력하는 ||하나라도 false면 false 출력하는 &&조건문이 true면 false, 조건문이 fa

2022년 12월 31일
·
0개의 댓글
·
post-thumbnail

변수의 선언과 할당

어떤 특정한 데이터에 이름을 붙일 수 있는데 이를 변수라고 한다.특정 데이터를 컴퓨터가 기억할 수 있도록 메모리 공간을 확보하고 그 메모리 공간에 이름을 부여하는 것을 변수 선언이라고 한다.할당연산자(=)를 사용하여 메모리 공간에 특정한 값을 넣는 것을 값의 할당이라고

2022년 12월 31일
·
0개의 댓글
·