post-thumbnail

React 함수형 컴포넌트의 생명주기(Life Cycle)

리액트 컴포넌트들의 사이클은 이와 같은 순서를 따릅니다.생성(Mount) -> 업데이트(Update) -> 제거(Unmount)컴포넌트가 호출되었을 때, 가장 먼저 컴포넌트 내부에서 Mounting을 한다.해당 메서드를 통하여서 Mounting/Updating/Unmo

2023년 2월 18일
·
0개의 댓글
·

[오류] useEffect 밖에 선언한 변수에 undefined

useEffect 밖에 let data 이런식으로 변수를 선언해두고 useEffect 에서 값을 넣어서 컴포넌트 retrun 할때 값을 표시해 주려고 했는데해당 값이 undefined 으로 나오는 문제를 발견했다..검색해보니 이미 렌더링이 끝난 뒤에 (return이 실

2023년 2월 18일
·
0개의 댓글
·

로그인 기능 구현시 쿠키와 세션을 이용하는 이유

로그인 기능을 이용할 떄 쿠키, 세션, 토큰을 사용하는 이유는 결국 HTTP가 stateless(무상태), connectionless(비연결성) 이라는 특성을 가지고 있기 때문이다. 비연결성 : 클라이언트 요청에 서버가 응답을 하면 연결을 끊어버리는 것을 말한다.

2023년 2월 18일
·
0개의 댓글
·

11/22

Identifying Relationship은 부모 엔티티와 관계를 가지는 자식 엔티티 사이의 관계로서, 자식 엔티티는 부모 엔티티의 고유값이 없이는 존재할수 없는 관계가 되는것을 의미함. 즉, 부모 엔티티값이 없으면 자식 엔티티의 값도 의미가 없어지는 상황.Non-i

2022년 11월 22일
·
0개의 댓글
·

11/22

Http Status Code, Response Code 200 : 데이터를 준비하고 있으니 기다려 302 : Redirect 할게 304 : Redirect 할게, 변경된 내용이 없어 400 : 매개변수 오류 401 : 권한오류 403 : 권한오류 4

2022년 11월 22일
·
0개의 댓글
·

11/14

API API(Application Programming Interface, 응용 프로그래밍 인터페이스)는 컴퓨터와 컴퓨터간, 컴퓨터와 컴퓨터 프로그램 사이의 연결이다. 일종의 소프트웨어 인터페이스이며 다른 종류의 소프트웨어에 서비스를 제공한다. 이러한 연결이나 인터페

2022년 11월 14일
·
0개의 댓글
·

Day19

cannot convert undefined or null to object => app.use(express.urlencoded({ extended: false }));를 안적어서 req.body 데이터를 가지고 오지 못했다 Malformed communicatio

2022년 11월 7일
·
0개의 댓글
·

Day 17

MVC(Model View Controllor) 패턴 기반 FullStack 사용자가 Web을 통해 Request(요펑)fmf gkaus DBMS 를 통해 데이터를 SELECT 하고 SELECT 된 데이터를 객체(Model)에 담아 View로 보내 rendering(h

2022년 11월 3일
·
0개의 댓글
·

Day15

URI(Uniform Resource Identifier, 통합 자원식별자) 인터넷에 있는 자원을 나타내는 유일한 주소. URI의 존재는 인터넷에서 요구되는 기본조건으로서 인터넷 프로토콜에 항상 연결 하위개념인 URL,URN을 포괄 포함 URL(Uniform Reso

2022년 11월 1일
·
0개의 댓글
·

Day13

Module이란 모듈화를 통해 분리된 시스템의 기능들로, 서브루틴, 서브시스템, 함수, method등을 말한다 Module의 결합도 : 정보 은닉 개념을 확장한 것으로, 명령이나 호출문 등 모듈의 내부 요소들의 서로 관련되어 있는 정도, 모듈간에 상호 의존하는 정도 또

2022년 10월 30일
·
0개의 댓글
·

Day11

선언되지 않은 변수에 값을 저장하려고 할 때 경고 또는 오류를 consoles에 보여주도로고 하는 설정 ...(전개, spread 연산자) array1 배열을 쫙 펼쳐놓고 각각의 요소 값들을 array4에 추가하라 ES5이상에서 사용하는 배열의 깊은 복사 한개의 배

2022년 10월 27일
·
0개의 댓글
·

Day10

함수(function) -여러 명령문을 그룹(코드블록 {}) 으로 묶어 새로운 명령(어)처럼 사용한다. -함수를 사용(실행)하려면 먼저 method가 정의 되어야 한다. function num(num1,num2){return num1 + num2} const num =

2022년 10월 25일
·
0개의 댓글
·

Day9

변수(scope) 변수, 객체, 함수 등은 선언된 위치에 따라 변수에 접근(읽기, 쓰기, 저장)이 제한적이다 for() 명령문에 선언된 변수 i와 for() 블럭({})에 선언된 sum은 for() 명령문 블럭({})이 끝나면 소멸되어 사용할 수 없다. for() 명

2022년 10월 24일
·
0개의 댓글
·

Day8

소스코드(Source Code) 1.Text type의 파일(".js", ".html", "*.java") 메모장 등으로 내용을 읽을 수 있다. 영어 문장과 유사한 문법으로 작성한다. 이진 기계어 코드(Binary Machine Code) 컴퓨터의 CPU가 해석 할

2022년 10월 21일
·
0개의 댓글
·

Day8

식별자(Identifier)란 프로젝트에서 이름만으로 구분할 수 있는 것들로 함수, 변수, 객체 등의 이름을 말한다 식별자는 유일(Unique)성을 만족해야 한다.(scope 내에서 중복 선언 금지) var는 중복선언이 되므로 쓰지말라 식별자 명명(이름부여) 규칙 첫

2022년 10월 20일
·
0개의 댓글
·

Day7

프로그래머 -코드작성, 분석및 구현, 디버깅, 컴파일, 테스트 및 구현을 통해 원하는 출력물을 만들어내는 일을 수행한다. -시스템이 제대로 작동되기 위한 모든 다양한 요소의 영역을 다룬다. -사소한 문제로 인해 발생할 수 있는 것들을 발견하고 예방한다. 개발자 -다

2022년 10월 19일
·
0개의 댓글
·
post-thumbnail

Day6 (CSS와 이벤트 버블링)

CSS margin : 외부 여백 상하는 입력한 것보다 작게 보일 수 있음 margin: 10px auto 이런식으로는 박스형태일때만 가능함, 주로 반응형 웹을 만들때 사용된다 block tag 많이 사용하는 방법 상하 여백을 지정하고 화면 중앙에 box를 배치하는

2022년 10월 18일
·
0개의 댓글
·

Day 5

컴파일(Compile)

2022년 10월 17일
·
0개의 댓글
·