profile
boma91@gmail.com

classList

classList 🚀 요소에서 css클래스를 추가, 제거, 전환하는데 유용하게 쓰인다. 🚀 위 속성은 읽기 전용이지만, add() 및 remove() 메서드를 사용하여 수정할 수 있다 >🚩 add ➡ 1개 또는 여러개의 class 속성을 추가 > 예시 >

약 7시간 전
·
0개의 댓글

State, Props, Event

✅ State & Event 👉 State 객체 state : '상태' 라는 단어 뜻 그대로 컴포넌트 내부에서 가지고 있는 컴포넌트의 상태값을 의미한다. state는 화면에 보여줄 컴포넌트의 정보(상태)를 지니고 있는 "객체"이다. state는 컴포넌트 내에서 정의

3일 전
·
0개의 댓글

SASS

✅ SASS 👉 SASS 설치(터미널) > ❗ 설치 시 node-modules 폴더에 node-sass 폴더가 생성된다. (package source code) >❗ --save 를 뒤에 붙이는 이유 ➡ package.json에 설치된 패키지의 이름과 버전 정보를

4일 전
·
0개의 댓글

Function & Arrow Function

fundmental building block in the programfunction is objectAs a subprogram, it can be used multiple timesPerforms a task or calculates a valueOne funct

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

CRA 초기 세팅

📍CRA 초기 세팅 CRA 초기 세팅은 한 명이 진행 ➡ 다른 사람들은 초기셋팅 완료 후 git clone받기 ✔️ CRA 설치 > ✔️ React Router 설치 > ❗ React Router는 CRA에 기본 내장되어 있지 않으므로 추가설치(third-p

2021년 1월 12일
·
2개의 댓글

인증 . 인가

🚗 인증(Authentication)회원가입과 로그인을 뜻한다사용자(User) 식별을 위해 사용한다우리 (웹)서비스를 누가 쓰는지, 어떻게 사용하는지 추적이 가능하도록 하기 위해 필요하다인증에 필요한 것은 아이디 , 이메일주소 , 비밀번호 등이 있다❗ 이 중 가장 중

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

React

✅ Web Application의 발전 과정 🚀 Frontend Framwork와 Library의 등장 배경 👉 UI(User Interface, 보여지는 것) 와 UX(User Experience, 할 수 있는 것) 의 니즈가 증가하면서 웹 페이지(Web Pag

2021년 1월 6일
·
6개의 댓글

git & github

✅ Git 🔸 git 공식명칭: 분산 버전 관리 시스템(VCS) 프로젝트 파일의 변경 사항을 추적하는 시스템 개발자들은 프로젝트의 변경 사항을 기록하고, 특정 시점의 버전으로 언제든 돌아갈 수 있다 개별 버전의 프로젝트를 병합하여 기준이 되는 버전의 프로젝트에 적용

2021년 1월 4일
·
0개의 댓글

Map( ) , forEach( )

배열을 순회하는 방법 ✅ Array 관련 메소드 👉 map()과 forEach() 모두 Array 관련 메서드들로써, ES5 부터 등장하였다. 👉 forEach()는 배열 요소마다 한 번씩 주어진 함수(콜백)를 실행. 👉 map()은 배열 내의 모든 요소 각각에

2020년 12월 29일
·
2개의 댓글

삼항 연산자

✅ 조건부 삼항 연산자 js에서 세 개의 피연산자를 취할 수 있는 유일한 연산자. 보통 if 명령문의 단축 형태로 쓰인다. >예시(1) >예시(2) >예시(3) 👉 삼항 연산자는 if / else 문을 사용하는 함수를 반환하는데 적합하다 > 예시 ❗ /if /

2020년 12월 28일
·
0개의 댓글

DOM

🚩 객체 하나의 변수에 다양한 정보를 담기 위한 자료형객체 내 프로퍼티(property, 속성)와 메소드(method)가 담길 수 있다웹브라우저의 구성요소들은 하나하나가 객체화되어 있다. js로 이 객체를 제어해서 웹브라우저를 제어할 수 있다. 이 객체들은 서로 계층

2020년 12월 23일
·
2개의 댓글

Class

🚗 Javascrip는 객체지향 프로그래밍 언어에서 기본적으로 제공하는 Class라는 개념을 제공하지 않는다.하지만 Javascrip에서는 Class처럼 사용할 수 있는 방법을 3가지 지원한다.👉 리터럴 방식 , 함수 방식 , 프로토타입 방식Function 특정 로

2020년 12월 22일
·
4개의 댓글

[replit] Javascript

✅ Variables (변수) > var, let, const 차이점 👉var 변수 선언 방식. 변수 중복 선언이 가능하기 때문에 코드량이 많아지면 값이 바뀔 우려가 있어서 권장하지 않는다. 👉let 버전이 올라가면서(ES5 to ES6) 새로 생긴 변수 선언

2020년 12월 21일
·
0개의 댓글

[replit] HTML & CSS

🔹 html은 웹페이지를 만들기 위한 언어로써, 웹페이지의 구조를 잡을 수 있다.🔹 html파일은 이미지, 텍스트, 비디오, 버튼 등 웹사이트에서 보여줄 내용을 구성하고 있다. 브라우저(chrome, ie...)는 html파일을 가지고 어떻게 구현해낼지 파악한 후

2020년 12월 17일
·
4개의 댓글

Float

Float 👉 주로 이미지 주변에 텍스트를 감싸기 위해 만들어진 프로퍼티 (페이지 전체의 레이아웃을 잡을 때에도 중요하게 사용) 👉 float 속성은 left, right, none 만 존재하고 중앙정렬(center)은 없다. (중앙정렬은 margin:auto; 속

2020년 12월 16일
·
0개의 댓글

block, inline, inline-block,

✅ block >👉 대부분의 HTML element는 block 요소이다. ex. `, , , , , , , ` . . .등 > 👉 block element 의미는, 이 요소 바로 옆(좌우측)에 다른 요소를 붙여넣을 수 없다는 뜻이다. > 👉 기본적으로 block

2020년 12월 16일
·
0개의 댓글

Semantic Web & Semantic Tag

👉 정의시맨틱 웹(Semantic Web)은 "의미론적인 웹"이라는 뜻으로, 기계가 이해할 수 있는 형태로 제작된 웹을 의미. ('팀 버너스 리(Tim Berners-Lee)'가 제안 )👉 등장 배경웹의 규모가 점점 커지고 의미 있는 내용을 추리는데 더 많은 시간과

2020년 12월 15일
·
0개의 댓글

가상 클래스(psuedo-class)

가상클래스 +, > 같은 조합자 또는 id, class와 같은 단순 선택자로 선택할 수 없는 것들을 선택하게 해주는 선택자 --- ✅ 링크 a:link 방문 전 링크상태 (href=""가 없는 a는 적용되지 않음) a:visited 방문 후 링크상태 a:hover

2020년 12월 8일
·
0개의 댓글

Animation

애니매이션이 만들어지는 부분from(0%)모양에서 to(100%)모양으로 변할지 정한다 (IE는 버전 10이상에서 사용 가능)name : 애니메이션의 변수명.0% : 시작할 때의 모양을 정한다. 0% 대신 from을 사용가능.n% : n%일 때의 모양을 정한다.100%

2020년 12월 5일
·
1개의 댓글

RegExp 정규표현식//

Regular Expression : 특정한 법칙들로 구성된 문자열들의 집합정규표현식(Regular Expression)은 다음과 같은 경우 사용한다.문자열에서 특정 문자열이 존재하는지 확인문자열의 특정 부분을 다른 문자열로 변경(1) \\ 이스케이핑(escapin

2020년 12월 3일
·
0개의 댓글