profile
코린이

React 조건부 렌더링 &&

React render 할 때 특정 조건에 따른 동작을 하게 하는 것논리 연산자를 이용한 조건으로 && expression입니다.조건이 true일 경우에는 && 이후에 위치한 expression을 반환하고, false일 경우 expression을 반환하지 않고 무시합니

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

React Object usage

2020년 2월 13일
·
0개의 댓글

React useState

1.React Hooks? > Hooks는 class를 작성하지 않고도 state나 다른 React의 기능들을 함수형 컴포넌트에서 사용할 수 있게 해주는 새로운 기능 React Hooks 사용규칙 (1) 1. Hooks를 함수형 컴포넌트의 Top-level에서만 호출 !! 반복문, 조건문, 중첩된 함수에서 호출하면 안 되고 오직 최상위 함수에서만 호...

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

React -LifeCycle

LifeCycle? 모든 리액트 컴포넌트에는 라이프 사이클(수명 주기)이 존재합니다. 라이프 사이클은 컴포넌트가 생성되고 소멸될 때까지 까지의 과정으로 어떤 작업을 처리해야 하거나 컴포넌트 업데이트 하기 전후로어떤 작업을 처리 해야 할 때도 있고 불필요한 업데이트를 방지해야 할때 LifeCycle method를 사용한다. 라이프 사이클 함수 총 9...

2020년 2월 4일
·
0개의 댓글

Javascript -Object

1.Object 1)객체 개념 2)객체 접근 obj.property = value ; 변수 = obj.property; obj.method; 3) new 키워드로 코어객체생성 var today = new Date(); var msg = new string("hi"); 2.배열과 Array 1) 배열 만들기 [] 로 배열 만들기 A...

2020년 1월 30일
·
0개의 댓글

Javascript

1.연산자 1)할당연산자 > x = y x = y 덧셈 x += y x = x + y 뺄셈 x -= y x = x - y 곱셈 x = y x = x y 나눗셈 x /= y x = x / y 나머지 연산 x %= y x = x % y 지수 연산 x = y x = x y 왼쪽 시프트 x >= y x = x >> y 부호없는 오른쪽 시프트 ...

2020년 1월 30일
·
0개의 댓글

Javascript

1. 웹 페이지에서 js의 역할 1) 사용자의 입력 및 계산 2) 웹 페이지의 내용 및 모양의 동적제어 >자바스크립트 코드로 HTML 태그의 속성이나 콘텐츠, CSS 프로퍼티의 값을 변경하여 웹 페이지의 동적제어를 하는데 활용 됨. 3) 브러우저 제어 >브라우저 윈도우의 크기나 모양의 변경, 새 윈도우나 탭 열기, 다른 웹 사이트의 접속, 브라우저의...

2020년 1월 30일
·
0개의 댓글

Semantic Tags

What are Semantic Elements? 2545B83B594764122F.png 1. Semantic Tags 를 써야하는 이유 1) 및 / / 태그 등은 문서 구조 파악이 어려웠기 때문에 이를 보다 구체화하여 문서 구조 파악을 보다 쉽게 하고 검색 엔진의 접근성을 보다 높이기 위해서 Semantic Tags 가 등장하였다. ...

2020년 1월 29일
·
0개의 댓글

웹 프로그래밍 정리

1.웹 브라우저 역사 (World wide web) 1) 최초의 웹은 1990년 팀 버거스리 (Tim Berners-Lee) 가 유럽핵물리학연구소 (CERN) 에서 비정규직으로 일한 당시 인터넷 상에서 정보를 공유하고자 만든 시스템으로 웹 서버 (CERN HTTPd)와 함께 만든 소프트웨어이다. 후에 (Nexus) 로 바뀌었다. 2) 웹 브라우저 종류 ...

2020년 1월 29일
·
0개의 댓글

React Router 사용법

Router usage 1.Like component usage 스크린샷, 2020-01-16 14-44-23.png 스크린샷, 2020-01-16 14-45-30.png > 2.withRouter HOC로 구현하는 방법 ![스크린샷, 2020-01-16 14-44-23.png](https://images.velog.io/post-images/k...

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

Java script [Map&forEach]

페이지를 구현할 때 가장 유용하게 쓸 수 있는 Map & forEach 의 용례를 알아보고 차이점을 구분해보자. MAP & forEach의 비교 >let data= [1, 2, 3, 4, 5] // forEach 를 사용해서 원소의 값들을 각각 3씩 증가시키기 let result = []; data.forEach(x => { result.push(x +...

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

What is Date Structure?

What is Date Structure? >자료구조 란 데이터에 편리하게 접근하고, 변경하기 위해서 데이터를 저장하거나 조직하는 방법 을 말합니다. 모든 목적에 맞는 자료구조는 없습니다.따라서 각 자료구조가 갖는 장점과 한계를 잘 아는 것이 중요합니다. 자료구조는 언어별로 지원하는 양상이 다릅니다. 따라서 각각의 언어가 가진 자료구조의 사용방법도 중요하지...

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

React 초기세팅

1.Trello Scrum 방식(SW 개발 방법론) 정리하기 Trello 만들기 > 멘토 초대하기 2.프로젝트 초기 세팅 1)CRA(Create-React-App) 터미널을 켜고 npx create-react-app my-app 이미 npm install -g로 react-create-app을 설치했다면 create-react-app my-app(디렉토...

2020년 1월 6일
·
0개의 댓글

AWS

AWS *AWS 통한 클라우드 컴퓨팅으로 Amazon Web Services(AWS)는 전 세계적으로 분포한 데이터 센터에서 175개가 넘는 완벽한 기능의 서비스를 제공하는, 세계적으로 가장 포괄적이며, 널리 채택되고 있는 클라우드 플랫폼. AWS의 명령어 AWS 회원가입 및 로그인 ls-cd다운로드 chmod -R 400 >읽기 권한 부여 -i ...

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

Git 사용법

용어&명령어 git 회원가입 & 로그인 git repository 생성하기 터미널 열고 파일 만들기 > mkdir 폴더명 cd 폴더명 git branch - 새로운 브랜치 생성 git branch feature/signup git checkout git checkout feature/signup 브랜치로 ...

2019년 12월 30일
·
0개의 댓글

React

1.Event 1) 주의사항 (1) 이벤트 이름은 카멜 표기법으로 작성 ex) onClick / onKeyUP 으로 작성 (2) 이벤트 실행할 자바스트립트 코드를 전달하는것이 아니라, 함수 형태의 값을 전달 (3) DOM 요소에만 이벤트를 전달 즉 div,button,form,span 등의 DOM 요소에는 이벤트를 설정할 수 있지만 직접 만든 컴포넌...

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

React

1.props&state 1) props > 컴포넌트 내부의 immutable.Data JSX 내부의 {this.props.propsName} 컴포넌트를 사용할 때 괄호안에 PropsName="value" this.props.children 은 기본적으로 갖고 있는 ptops로서, 여기에 있는 값이 들어간다. Pract...

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

React

1.React란? Facebook이 만든 UI 컴포넌트 라이브러리로 컴포넌트 기반 아키텍처 템플릿언어가 아닌 자바스크립트로 컴포넌트 작성하는 프로그래밍 언어이다. 특정 관심사에 집중된 기능 블록 (관심사의 분리) 1. 컴포넌트 기반으로 개발 이유 >복잡한 문제(개발할 시스템)를 작게 나누어서 해결하기 위해 필요하다.컴포넌트 단위로 코드를 작성하면 캡슐화(...

2019년 12월 20일
·
0개의 댓글

Database 란 ?

1.Database 기초 이해 및 설치 데이터를 저장 및 보존 하는 시스템 Application에서는 데이터가 메모리 상에서 존재한다. 그리고 메모리에 존재하는 데이터는 보존이 되지 않는다. 해당 애플리케이션이 종료하면 메모리에 있던 데이터들은 다시 읽어 들일 수 없다. 그럼으로 데이터를 장기 기간동안 저장 및 보존 하기 위해서 데이터 베이스를 사용하는 것...

2019년 12월 18일
·
0개의 댓글

Introduction to Javascript

1. Introduction to Javascript > 자바스크립트.. 자바와는 전혀 별개의 프로그래밍 언어로 HTML에서 구현 못한 다른 요소들을 다채롭게 구현할 수 있는 언어로 모든 프로그래밍 언어의 대부분을 차지하고 있다 말할 수 있을 정도로 각광받는 프로그램밍 언어이다. (1) javascript를 실행해키려면 >JavaScript를 실행시...

2019년 12월 10일
·
0개의 댓글