profile
후회하지 않는 개발자가 되자!
post-thumbnail

[JS/Node] 객체 지향 JavaScript

객체 지향 프로그래밍(OOP, Object-oriented programming)은, 절차 지향 프로그래밍과는 다르게 데이터와 기능을 한곳에 묶어서 처리합니다. 속성과 메서드가 하나의 "객체"라는 개념에 포함되며, 이는 자바스크립트 내장 타입인 object(이하, ob

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

[Component]

What is Component?

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

[map을 이용한 반복 Hands-on]

프로젝트를 진행하면서 가장 많이 익히기도 했고 다시 공부하게 된부분 map물론 보기 쉽고 이해하기 편하다.그러나 post의 객체의 개수가 100개면..? 1000개면...? 일일히 모든 숫자를 쓸 수 없다.React에서는 이런 문제를 해결하기 위해서 배열 메서드 map

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

내장 고차함수(map, filter, reduce)

자바스크립트에는 기본적으로 내장(built-in)되어 있는 고차 함수들이 있다. : 배열 메소드들 중 일부가 고차 함수에 해당 map > map : 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환 > 구문 arr.map(c

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

[JS] 배열 메서드 중 고차함수

forEach, find, filter, map , reduce, sort, some, every filter 메서드에 들어가는 콜백 함수는 truthy 또는 falsy를 리턴할 수 있습니다. 그러나 filter 메서드에 들어가는 콜백 함수는 조건을 명확하게 밝히는것

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

[JSX] 활용

JSX에서 여러 엘리먼트를 작성하고자 하는경우, 최상위에서 opening tag와 closing tag로 감싸주어야 합니다.React에서 HTML class 속성을 지정하려면 "className"으로 표기해야합니다.중괄호를 사용하지 않으면 일반 텍스트로 인식하게 된다

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

[React] 기초

다양한 플랫폼에서 활용할 수 있는 프론트엔드 라이브러리, React페이지 단위의 돔 개발을 다뤘다면 이제는 컴포넌트라는 단위로 나누어 생각하고 개발하는 방법을 배운다.리액트는 프론트앤드 개발을 위한 JavaScript 오픈소스 라이브러리이다.왜 배워야하는가? html

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

[JS/Node] 고차 함수

일급 객체(first-class citizen)의 세 가지 특징을 설명할 수 있다.고차 함수(higher-order function)에 대해 설명할 수 있다.고차 함수를 자바스크립트로 작성할 수 있다.자바스크립트에도 특별한 대우를 받는 일급 객체(first-class

2022년 5월 16일
·
0개의 댓글

[Rest/Spread]

Spread 문법 주로 배열을 풀어서 인자로 전달하거나, 배열을 풀어서 각각의 요소로 넣을 때에 사용합니다. > function sum(x, y, z) { return x + y + z; } const numbers = [1, 2, 3]; sum(...numbe

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

[DOM] HTML 조작하기

document 객체에는 많은 속성과 메서드가 존재합니다. 지금 집중할 부분은 CRUD(Create, Read, Update and Delete) 입니다. (CRUD를 이해한 다음에는 다양한 trivia를 알아야 합니다.)이 챕터에서는 document 객체를 통해서 H

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

[DOM]

HTML을 바라보는 또 다른 관점 , DOM. DOM은 브라우저 환경에서 자바스크립트를 이용해 HTML을 조작할 수 있습니다. HTML에 JavaScript를 적용하기 위해서는 '< script >' 태그를 이용합니다. 아래의 경우 HTML 파일과 같은 디렉토리에

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

[클로저]

자바스크립트의 (다른 컴퓨터 언어와) 다른 특성MDN 클로저 개념"함수와 함수가 선언된 어휘적(lexical) 환경의 조합을 말한다. 이 환경은 클로저가 생성된 시점의 유효 범위 내에 있는 모든 지역 변수로 구성된다."자바스크립트는 함수가 호출되는 환경과 별개로, 기존

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

[Flexbox] Flexbox,Layout reset

\*{ box-sizing: border-box;}body { margin: 0; padding: 0;}border-box : 기본여백이있기 때문에 미리 리셋을 해주고 css를 시작한다.HTML 코드CSS 코드여기서 CSS에서의 Display: flex; 요소를

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

[CSS] 레이아웃, Selector quiz

.only {…} : class가 only인 엘리먼트를 선택한다.\*{…} : 모든 엘리먼트들을 선택한다.section, h1 {…} : 쉼표는 section과 h1를 다중으로 선택한다.section h2 {…} : section의 후손 엘리먼트 중 h2 엘리먼트를 선

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

[Node.js]

런타임이란 프로그래밍 언어가 구동되는 환경입니다. 런타임 이란 어떤 프로그램이 동작할 때, 프로그램이 동작하는 곳입니다. 우리가 JavaScript를 이용해서 코드를 적었으면 코드가 실행됩니다. 이때, 실행되는 곳이 바로 런타임입니다.크롬, 사파리 같은 웹 브라우저가

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

[macOs] Package & Manager

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

[Linux] 기초

CLI (Command-Line Interface) 명령어를 입력해 컴퓨터를 조작하는 방식. > CLI 기본 명령어 패키지와 패키지 매니저 nvm, node.js, npm 입력 : 마우스,키보드 (입력 소스) 출력 : 모니터,스피커 (출력 소스) 컴퓨터를 조작하기

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

[CSS] 기초

줄바꿈이 되는 박스(block) vs. 옆으로 붙는 박스(inline, inline-block) > Block 요소의 대표적인 예는 div, p 입니다. Inline 요소의 대표적인 예는 span 입니다. 링크 블록요소 인라인요소 따라서 SPAN 요소는 인라

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

[HTML] 기존구조와 문법

HOW TO USE HTML? Tag (부등호로 묶인 기본요소) 들의 집합 html 확장자 사용 tree 구조 Html 문서시작 1) head title : Page title 2) body h1 : Hello World div : Conte

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

[기초정리]Linux

pwd : 경로설정 mkdir 폴더이름 : 폴더이름 생성 ls : 특정폴더에 포함된 파일이나 폴더확인하기 touch 파일이름 : 파일 생성하기 cat : 파일의 내용을 터미널에 출력하기 rm 파일이름 : 파일 삭제하기

2022년 5월 9일
·
0개의 댓글