profile
하루하루 기록하는 코린이의 블로그🥸

리랜더링?🧐

리액트를 사용하며 강의를 들을때 리렌더링 이란 말을 자주 들었는데 그게 뭔지 몰랐지만 크게 중요하지 않다 생각하고 진행을 하게 되었다. 하지만 자주 나오는 단어인 만큼 알아두면 좋을것 같아서 블로그작성을 하며 알게된 것들을 정리하려고 마음을 먹었다.사용자 화면에 Vie

2022년 3월 26일
·
0개의 댓글
post-thumbnail

JSON

JSON은 JavaScript Object Notaion의 줄임말로, 데이터 교환을 위해 만들어진 객체 형태의 포맷이다.JSON은 두개의 구조를 기본으로 두고 있다.name/value 형태의 쌍으로 collection 타입. 다양한 언어들에서, 이는 object, re

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

재귀(recursion)

간단하게 함수를 스스로 호출하는 것이다.재귀는 반복할 구문을 함수 단위로 분리해, 특정 조건이 만족할 때 까지 실행하는 패턴기본적으로 반복문(for문,while문)이므로, 모든 재귀는 반복문으로 표현할 수 있다.재귀는 무한 반복을 방지하기 위해 반드시 탈출 조건이 있어

2022년 3월 2일
·
0개의 댓글
post-thumbnail

OOP

opp는 프로그램 설계의 철학이다.opp의 모든 것은 "객체"로 그룹화된다.opp는 크게 네가지 기본적인 컨셉이 있다. \[ Encapsulation(캡슐화), Inheritance(상속), Abstraction(추상화), Polymorphism(다향성) ]데이터(속성

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

클래스를 이용한 모듈화

객체 지향 프로그래밍은 하나의 모델이 되는 청사진(blueprint)을 만들고, 그 청사진을 바탕으로 한 객체를 만드는 프로그래밍 패턴이다.일반적인 함수를 정의하듯 만들면 되지만 이때, 함수를 이용하는 방법이 조금 다르다. 그냥 실행하는 것이 아니라 new키워드를 써서

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

import & export

파일, 설정, 컴포넌트를 외부 파일이나 모듈에서 가져올 때 사용사용방법객체나 함수를 모듈화 시켜 내보낼 때 사용합니다.

2022년 2월 17일
·
0개의 댓글
post-thumbnail

React Router

SPA는 하나의 페이지를 가지고 있지만 사실 한 종류의 화면만 사용하지 않는다.예를 들어 Twittler 와 같은 SPA 를 만들 때, 메인 트윗 모음 페이지, 알림 페이지, 마이 트윗 페이지 등의 화면이 필요할 수 있다.이 화면에 따라 "주소"도 달라질 것인데, 이렇

2022년 2월 17일
·
0개의 댓글
post-thumbnail

React SPA

전통적인 웹사이트는 사용자가 웹사이트 내의 다른 페이지로 이동하면, 브라우저가 페이지를 보여주기 위해 매번 HTML 파일로 된 "페이지 전체"를 불러왔다.전통적인 웹사이트는 페이지 전체를 로딩해서 Header 나 Navigation Bar 등과 같이 중복되는 요소들을

2022년 2월 17일
·
0개의 댓글
post-thumbnail

React 기초

프론트엔드 개발을 위한 자바스크립트 오픈소스 라이브러리오픈소스란 소스가 공개되어 있고(저작권자가 공개) 누구나 자유롭게 사용, 복제, 배포, 수정이 가능한 소프트웨어라이브러리란 다른 프로그램에서 호출하여 사용할 수 있도록 제공하는 일종의 함수 집합리엑트는 한 페이지를

2022년 2월 17일
·
0개의 댓글
post-thumbnail

TIL 배열,객체

pop : 배열 뒷부분 값을 삭제push : 배열 뒷부분에 값을 넣어줌unshift : 배열 앞부분에 값을 넣어줌shift : 배열의 앞부분 값 삭제splice : 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가 splice(iddex,제거할 요소 갯수, 배열

2022년 2월 8일
·
0개의 댓글
post-thumbnail

TLI CLI명령어

CLI 명령어 터미널 명령어 |명령어 + 문법|설명| |---|-------| |cd \[디렉토리\]|Change directory, 현재 위치를 [디렉토리] 로 변경합니다. ex) cd ~/Desktop/nero_folder cd : 홈 디렉토리(~) 로 이동합니다

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

TIL CSS

CSS란? css는 웹 어플리케이션의 스타일링을 담당한다. css는 눈에 보이는 디자인만을 위한 것이아니라 콘텐츠의 배치와 위치(레이아웃 디자인), 텍스트를 강조하거나 밑줄을 치는 등, 최소한의 타이포그래미(Typography) 등 요소를 갖추고 있다면 더나은 사용자 경험을 제공할 수 있다. CSS 내용 분해하기 [그림]CSS의 문법구성 셀렉터는 태그...

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

TIL HTML

HTML은 tag들의 집합이다.Tag : 부등호(<>)로 묶인 HTML의 기본 구성 요소 ex) 태그,태그,등등...Tag는 </태그이름>을 사용하여 태그가 끝났음을 표기 해야한다.HTML은 트리구조이다.<html> : 시작 태그로, 문서 전체의 틀을

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

TIL 반복문

같거나 비슷한 코드를 여러 번 실행시켜야 할경우 쓰는 구문여기서 1, 2, 3, 4 ... --> n 으로 일반화 시키면'sum + n'이 반복되어 sum으로 대입됨을 알 수 있다.그래서 이 경우를 반복문으로 처리할 수 있는데 반복문 에는for문 while문이 존재한다

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

TIL 문자열

str.indexOf(searchValue) indexOf() 메서드는 호출한 String 객체에서 주어진 값과 일치하는 첫 번째 인덱스를 반환합니다. 일치하는 값이 없으면 -1을 반환합니다. lastIndexOf() 메서드는 주어진 값과 일치하는 부분을 역순으로 탐색

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

TIL 조건문

조건문이란 어떠한 조건을 판별하는 기준을 만드는 것이다.조건문에는 반드시 '비교 연산자'가 필요하다.비교 연산자를 사용시 결과는 boolean 값이 나온다.비교 연산자조건문은 if, else, else if 를 사용하는데 아래와 같이 사용한다.또한 두가지 조건이 한번에

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

TIL 변수,타입,함수

변수는 데이터를 다루는 방법이다.

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

스코프(Scope)

Scope는 무엇일까요? 원래 영어 단어 자체는 범위라는 의미를 가집니다. 자바스크립트에서 이야기하는 스코프 역시, 무언가 제한된 범위를 잘 들여다보기 위해 사용되는 개념이라고 추측해볼 수 있을거예요.컴퓨터 공학, 그리고 자바스크립트에서의 스코프도 "범위"의 의미를 가

2021년 12월 29일
·
0개의 댓글
post-thumbnail

원시 자료형,참조 자료형

원시 자료형(primitive type)과 참조 자료형(reference type)의 구분이 왜 필요한지?원시 자료형과 참조 자료형의 차이를 이해하고, 각자 맞는 상황에서 사용할 수 있다.원시 자료형이 할당될 때에는 변수에 값(value) 자체가 담기고, 참조 자료형이

2021년 12월 29일
·
0개의 댓글