profile
Frontend

#27. React(Props)

Props props의 기본값 설정하는 방법은 Child Component에 아래 굵은 부분을 입력하는 것입니다. ** static defaultProps = { name: 'PresentPark' }** 간단하게 Props를 이용해서 이름을 가져오는 컴포

2일 전
·
0개의 댓글
post-thumbnail

#26. 자식 컴포넌트에서 부모 컴포넌트로 값 전달하기

모달창이란 기존의 브라우저 페이지 위에 새로운 윈도우 창이 아닌, 레이어를 까는 것을 말합니다. 제거를 하지 않아도 페이지를 이동하거나 클릭 등의 이벤트를 통해 사라지게 할 수 있습니다.모달 창을 띄우기 위해서는 먼저, 자식 컴포넌트와 부모 컴포넌트의 값들을 주고 받을

2일 전
·
0개의 댓글
post-thumbnail

#25. Git & GitHub

what is Git? > Git의 공식 명칭은 분산 버전관리 시스템(VCS)입니다. 쉽게 말해, 프로젝트 파일의 변경 사항을 추적하는 시스템이며 개인 혹은 팀 간의 프로젝트를 관리하는 데 가장 널리 사용되고 있는 툴입니다. Repositories(저장소)

2020년 11월 14일
·
1개의 댓글
post-thumbnail

#24. React 활용

API호출 & 그 결과값을 props로 자식 컴포넌트에게 전달Array.map()을 사용하여 컴포넌트 리턴하기 (id, name, email)props를 활용하여 Card.js 컴포넌트 모양 및 구조 잡기결과물새로 알게 된 내용1\. Templete literalsES

2020년 11월 14일
·
0개의 댓글
post-thumbnail

#23. array methods (map, forEach)

arrow function을 가장 많이 사용할 때는 callback함수로 사용할 때입니다. callback함수란, 인자로 전달되는 함수입니다. 이번에는 array의 반복문으로 사용되는 map, forEack 메서드를 함께 보겠습니다. Array.map() map 메서

2020년 11월 7일
·
0개의 댓글
post-thumbnail

#22. React

What is React? > UserInterface(화면에 보여지는 것)를 만들기 위한 JavaScript 라이브러리입니다. Who makes the React? why? > 페이스북 개발자팀은 지속해서 데이터가 변화하는 대규모 어플리케이션을 구축하기 위해서 리

2020년 11월 6일
·
0개의 댓글
post-thumbnail

#21. for-in문

오늘은 객체의 반복문을 생성하는 방법 2가지에 대해서 알아보겠습니다. 1. 객체 생성자인 Object와 메서드인 keys, values, entries 등을 이용하는 방법 2. for-in 문을 이용하는 방법 Assignment getExamResult 함수를

2020년 10월 31일
·
0개의 댓글
post-thumbnail

#20. Database 위코드 2주차

요즘은 흘러가는 시간들을 붙잡고 싶은 마음뿐입니다. 분명 프로그래밍에 많은 시간을 쏟고 있지만 하루를 되돌아보면 진도를 따라가기에도 급급했다는 생각이 드네요.지난 수요일에는 위코드 3개월차 선배님들의 강의를 듣고 동기부여를 받았습니다. 진도를 따라가기에도 분명 벅차지만

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

#19. arrow function, template literals, string method

ES5 함수와 ES6 화살표 함수 비교 ES6에서는 function을 쓰지 않고 => arrow를 쓰며 변수를 선언하는 것을 알 수 있습니다. 사용 예시 .png) .png) .png) .pn

2020년 10월 26일
·
0개의 댓글

#18. 클래스(Class)와 인스턴스(Instance)

이번에는 클래스(Class)와 인스턴스(Instance)에 대해서 배워보겠습니다~ 클래스(Class) > 클래스는 객체지향 프로그래밍의 핵심입니다. 객체지향 프로그래밍이란 프로그램을 객체들로 구성하고, 객체들 간에 서로 상호작용하도록 작성하는 방법이에요. 클래스는 이런

2020년 10월 25일
·
0개의 댓글
post-thumbnail

#17. 객체(Object)와 메서드(Method)

이번에는 클래스(Class)와 객체(Object)에 대해서 배워보겠습니다~ 클래스는 객체지향 프로그래밍의 핵심입니다. 객체지향 프로그래밍이란 프로그램을 객체들로 구성하고, 객체들 간에 서로 상호작용하도록 작성하는 방법이에요. 객체(Object)란 사물을 뜻하며 좁은 의

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

#15. 최소(min), 최대값(max)을 받아 그 사이의 랜덤수를 return하는 함수 구현

프론트엔드 개발자가 쇼핑몰이나 브랜드 사이트를 구현하는 경우에는 행동(마우스, 클릭)을 처리하는 event 함수를 많이 사용하고 핀테크 회사나 데이터를 많이 다루는 사이트의 경우에는 수학 관련 함수를 많이 사용한다. 네이버의 블로그 팀의 경우는 사람들의 글쓰기에 관련된

2020년 10월 24일
·
0개의 댓글
post-thumbnail

#16. 개발자 도구 (DevTools / Chrome)

패널의 기능패널의 패드종류와 기능ex) HTML, CSS, JS, XHR, 글꼴, 이미지, 미디어, WS, 기타\-> 프론트엔드와 백엔드, 어디서 에러가 났는지 확인할 때 사용.참기능: 프론트와 백엔드 개발자의 소통을 돕는다.클론(clone) 코딩: / 크롤링: 데이

2020년 10월 23일
·
0개의 댓글

#14. TIL JavaScript function

JavaScript를 시작하며... 오늘은 개념이 잡히지 않았던 내용들을 포스팅 하겠습니다! 먼저, 함수에 대해 알아봅시다. What is the function? > JavaScript에서 함수(function)란 기본적인 구성 블록 중의 하나입니다. 작업을 수행

2020년 10월 22일
·
0개의 댓글

#13. Semantic

semantic이란 사전적으로 '의미론적'이라는 뜻이고 리소스(웹 문서, 각종 화일, 서비스 등)에 대한 정보와 자원 사이의 관계-의미 정보(Semanteme)를 기계(컴퓨터)가 처리할 수 있는 온톨로지 형태로 표현하고 이를 컴퓨터가 처리하도록 하는 프레임워크이자 기술

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

#12. CSS layout (position, display, float)

What is the layout? > 레이아웃이란 웹사이트를 구성하는 요소들을 배치할 공간을 분할하고 정렬하는 것이다. 공간을 분할할 때는 먼저 행을 구분한 후에 행 내부 요소를 분리하는 것이 일반적이다. 레이아웃의 핵심은 블록 레벨 요소들을 원하는 위치에 배열하는

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

#11. 실패율 구하기 (프로그래머스)

실패율 (프로그래머스, JavaScript) 문제 출처 문제 > S사에서는 각 부서에 필요한 물품을 지원해 주기 위해 부서별로 물품을 구매하는데 필요한 금액을 조사했습니다. 그러나, 전체 예산이 정해져 있기 때문에 모든 부서의 물품을 구매해 줄 수는 없습니다. 그래서

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

#10. 예산 (프로그래머스) - JavaScript

문제출처S사에서는 각 부서에 필요한 물품을 지원해 주기 위해 부서별로 물품을 구매하는데 필요한 금액을 조사했습니다. 그러나, 전체 예산이 정해져 있기 때문에 모든 부서의 물품을 구매해 줄 수는 없습니다. 그래서 최대한 많은 부서의 물품을 구매해 줄 수 있도록 하려고 합

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

#9. 자바스크립트의 이해 (2) - JavaScript

Data types는 자료의 한 형태로, Javascript에서 자료의 형태는 7가지가 있다.Boolean: true 또는 false 값만을 가진다.값이 없거나 0, -0, null, false, "false", NaN, undefined, 빈 문자열("")이라면 객체

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

#8. 자바스크립트의 이해 - 객체 (JavaScript)

자바스크립트는 객체기반 패러다임이다. 객체는 프로퍼티의 모임이고, 프로퍼티는 "이름"(name 또는 key)과 "값"(value)의 연결로 이루어진다. 프로퍼티의 값으로 함수가 될 수 있는데, 이런 프로퍼티를 메소드라고 한다.참조객체는 단독으로 존재 가능한 개체(ent

2020년 10월 11일
·
0개의 댓글