Back to the Basics

간단하게 오늘 배운 lesson 내용을 정리해 보았다. React SPA Achievement Goals SPA(Single-page Application) 개념을 이해하고 설명할 수 있다. SPA의 장, 단점에 대해 이해하고 설명할 수 있다. 와이어프레임을 보고 어느 부분을 컴포넌트로 구분할지 스스로 정할 수 있다. SPA SPA란? SPA(Single Page Application : 페이진 갱신에 필요한 데이터만 입력받아 현재 페이지의 정보를 업데이트함으로써 사용자와 소통하는 웹 애플리케이션 또는 사이트를 말한다. 전통적인 웹사이트는 사용자의 요구가 있을 때마다 페이지 전체를 로딩한다. --> "깜빡인다" 라고 표현한다. SPA는 업데이트가 필요한 부분만 새로 불러온다(중복되는 부분은 불러오지 않는..

React Intro map을 이용한 반복 Reat에서 여러 데이터를 렌더링 할 때 사용하는 map method에 대해 학습해보자. map method가 생각이 잘 안나면 이전 포스팅 을 잠시 읽어보자..!! "In React, the map() function is most commonly used for rendering a list of data to the DOM." 만약 블로그에 몇 십, 몇 백개의 포스틀르 하드코딩(hardcoding : 모든 데이터를 코드에 작성하는 것)으로 작성을 한다면 타자연습은 되겠지만, 매우 힘들것이다. 손가락도 아프고,,, 손가락은 소중하다, 그리고 키보드 수명도 줄지않을까..아무튼.. 이럴 때 map을 이용하여 반복 을 하면 나의 손가락 관절과 키보드의 수명을 좀 ..

Introduction 드디어 Rect를 배우게 되었다. 스케줄을 보니 React 기토에 대해 만 거의 2주 동안 배우는 것 같다. React를 학습하기 전 먼저 선행되어있어야 할 지식은 아래와 같다. Prerequisite HTML/CSS 기초 JavaScript 기초 함수형 프로그래밍과 고차함수 개념에 대한 이해 배열 내장 메소르 기초 ES6 문법에 대한 이해 Achievement Goals React의 3가지 특징에 대해서 이해하고, 설명할 수 있다. JSC가 왜 명시적인지 이해하고, 바르게 작성할 수 있다. React Compoment의 필요성에 대해서 이해하고, 설명할 수 있다. create-react-app으로 간단한 개발용 React 앱을 실행할 수 있다. React 란?? 프론트앤드 개발을..

이번 포스팅은 JavaScript 고차 함수 (Higher order function)에 대해 학습해보겠다. 1. 고차 함수 이해하기 Achievement Goals 일급 객체(first-class citizen)의 세 가지 특징을 설명할 수 있다. 고차 함수(higher-order function)에 대해 설명할 수 있다. 고차 함수를 JavaScript로 작성할 수 있다. JavaScript 에서 함수는 1) 변수에 assignment 가 가능하고, 2) 다른 함수의 argument로 전당 될 수 있으며 3) 다른 함수의 결과로써 리턴될 수 있다 는 특징이 있어 특별하게 취급된다. 이를 first-class citizen (일급 객체)라고 한다. 이 중 고차 함수(Higher oeder functio..

보호되어 있는 글입니다.

[학습 내용] -- 문자열(string) 1. 문자열의 Properties and methode length : 문자열의 길이 확인. str.length; 문자열의 글자에 접근하는 방법 : str[1] ---> 배열 이라고 생각하면 될듯 연산자를 이용하여 문자열 합침 : "Sora"+"is a programmer in Google" 문자열을 나눌 수 있음 : str.sloce(0,3) or str.substring(0,3) --> 파이썬의 slice와 비슷한듯하다. 대문자로 변환 : str.toUpperCase() 소문자로 변환 : str.toLowerCase() 문자열 내 특정 문자의 index return 가능. : str.indexOf('a) or str.lastIndexOf('a) 문자열 내 특정..

1. 첫 Pair Programming에 대한 느낀 점 처음으로 Part programming을 하였고, 2시~9시 약 7시간 동안(꾀나 오래) 진행을 하였다. 나의 첫 Pair 괜찮았다. 배려도 있고 말을 하는 데 있어 어색하지도 않았다. 쉬운 문제든 어려운 문제든 정말 열정적으로 하셨던 분 같다. 처음 해보는 페어 프로그래밍에서 첫 페어를 잘 만났다고 생각한다. 시작 전 대충 문제를 보았을 때 문제의 수는 많았지만, 난이도는 그렇게 높아 보이지 않았다. 해서 조금 천천히 느긋하게 진행을 해도 빨리 끝내고 개인 공부를 할 수 있을 줄 알았다.. 결과를 미리 말해보면 시간 내에 모든 문제를 풀지 못했다 ^^;; 이미 파이썬이나 다른 언어를 접하면서 기본적인 문제들은 풀어보았기에 금방 할 줄 알았지만, 혼..

[학습 내용] -- 조건문 [목표] - truthy와 falsy가 조건문에서 작동하는 방식 이해 - 엄격비교(===,!==) 에 대해 이해 - if, else if, else 이해, 활용 - 논리연산자(&&,||,! 등) 을 사용하여 조건 간결화 --------------------------------------------------- - 조건문 : 조건을 판별하는 기준을 만드는 것. ex) 성인인지 아닌지 판별 기준 --> 나이 (몇 세 이상이면 성인) > 조건문에는 반드시 비교연산자 (comparsion operator) 필요 > 비교의 결과는 Boolean 이다. - 같다 (===) 다르다 (!==) > '==' 와 '!=' 는 사용하면 아된다. 타입을 엄격하게 비교하지 않는다. > 아래와 같이 ..