분류 전체보기 (83) 썸네일형 리스트형 [ Git ] 시작하기 : 짧게 보는 Git의 역사 짧게 보는 Git의 역사우리네 삶의 삼라만상처럼 Git 또한 창조적 파괴와 활활 타오르는 갈등 속에서 시작 됐다.Linux 커널은 굉장한 규모가 큰 오픈소스 프로젝트다. Linux 커널의 삶 대부분은(1991-2002) Patch와 단순 압축 파일로만 관리했다.2002년에 드디어 Linux 커널은 BitKepper라고 불리는 상용 DVCS를 사용하기 시작했다.2005년에 커뮤니티가 만드는 Linux 커널과 이익을 추구하는 회사가 개발한 BitKepper의 관계는 틀어졌다.BitKepper의 무료 사용이 재고된 것이다. 이 사건은 Linux 개발 커뮤니티(특히 Linux 창시자 Linus Torvalds)가 자체 도구를 만드는 계기가 됐다. Git은 BitKeeper를 사용하면서 배운 교휸을 기초로 아래와.. [ React ] React 학습하기 : UI 표현하기(조건부 렌더링) 조건부 렌더링컴포넌트는 조건에 따라 다른 항목을 표시해야 하는 경우가 많습니다. React는 if문, && 및 ? : 연산자와 같은 자바스크립트 문법을 사용하여 조건부로 JSX를 렌더링할 수 있습니다.학습 내용조건에 따라 다른 JSX를 반환하는 방법JSX 조각을 조건부로 포함하거나 제외하는 방법React 코드에서 흔히 볼 수 있는 조건부 문법조건부로 JSX 반환하기짐을 챙겼는지 안 챙겼는지 표시할 수 있는 여러 개의 Item을 렌더링하는 PackingList컴포넌트가 있다고 가정해봅시다.function Item({ name, isPacked }) { return {name};}export default function PackingList() { return ( Sally Ride's.. [ React ] React 학습하기 : UI 표현하기(컴포넌트에 props 전달하기) 컴포넌트에 props 전달하기React 컴포넌트는 props를 이용해 서로 통신합니다. 모든 부모 컴포넌트는 props를 줌으로써 몇몇의 정보를 자식 컴포넌트에게 전달할 수 있습니다.props는 HTML 어트리뷰트를 생각낙 할수도 있지만, 객체, 배열, 함수를 포함한 모든 JavaScript 값을 전달할 수 있습니다.학습 내용컴포넌트에 props 전달하는 방법컴포넌트에서 props를 읽는 방법props의 기본값을 지정하는 방법컴포넌트에 JSX를 전달하는 방법시간에 따라 props가 변하는 방식친숙한 propsprops는 JSX 태그에 전달하는 정보 입니다. 예를 들어, className, src, alt, width, height는 태그에 전달할 수 있습니다.function Avatar() { retu.. [ Git ] 시작하기 : 버전 관리란? 이 장에서 설명하는 것은 Git을 처음 접하는 사람에게 필요한 내용이다. 먼저 버전 관리 도구에 대한 이해와 Git을 설치하는 방법을 설명하고 마지막으로 Git 서버를 설정하고 사용하는 방법을 설명한다. 이 장을 다 읽고 나면 Git 탄생 배경, Git을 사용하는 이유, Git을 설정하고 사용하는 방법을 터득하게 될 것이다.버전 관리란?“버전 관리” 는 무엇이고 우리는 왜 이것을 알아야 할까? 버전 관리 시스템은 파일 변화를 시간에 따라 기록했다가 나중에 특정 시점의 버전을 다시 꺼내올 수 있는 시스템이다. 이 글에선 버전 관리하는 예제로 소프트웨어 소스코드만 보여주지만, 실제로 거의 모든 컴퓨터 파일의 버전을 관리할 수 있다.그래픽 디자이너나 웹 디자이너도 버전 관리 시스템(VCS - Version C.. [ React ] React 학습하기 : UI 표현하기(중괄호가 있는 JSX 안에서 자바스크립트 사용하기) 중괄호가 있는 JSX 안에서 자바스크립트 사용하기JSX를 사용하면 JavaScript 파일에 HTML과 비슷한 마크업을 작성하여 렌더링 로직과 콘텐츠를 같은 곳에 놓을 수 있습니다. 때로는 JavaScript 로직을 추가하거나 해당 마크업 내부의 동적인 프로퍼티를 참조하고 싶을 수 있습니다. 이 상황에서는 JSX에서 중괄호를 사요하여 JavaScript를 사용할 수 있습니다.학습 내용따옴표로 문자열을 전달하는 방법중괄호가 있는 JSX 안에서 JavaScript 변수를 참조하는 방법중괄호가 있는 JSX 안에서 JavaScript 함수를 호출하는 방법중괄호가 있는 JSX 안에서 JavaScript 객체를 사용하는 방법따옴표로 문자열 전달하기문자열 어트리뷰트를 JSX에 전달하려면 작은따옴표나 큰따옴표로 묶어야.. [ React ] React 학습하기 : UI 표현하기(JSX로 마크업 작성하기) JSX로 마크업 작성하기JSX는 JavaScript를 확장한 문법으로, JavaScript 파일을 HTML과 비슷하게 마크업을 작성할 수 있도록 해줍니다.컴포넌트를 작성하는 다른 방법도 있지만, 대부분의 React 개발자는 JSX의 간결함을 선호하며 대부분의 코드 베이스에서 JSX를 사용합니다.학습 내용React에 마크업과 렌더링 로직을 같이 사용하는 이유JSX와 HTML의 차이점JSX로 정보를 보여주는 방법JSX: JavaScript에 마크업 넣기Web은 HTML, CSS, JavaScript를 기반으로 만들어져 왔습니다. 수년 동안 웹 개발자는 HTML로 내용을, CSS로 디자인을, JavaScript로 로직을 작성해 왔습니다. 보통은 HTML, CSS, JavaScript를 분리된 파일로 관리합니다.. [ React ] React 학습하기 : UI 표현하기(컴포넌트 Import 및 Export하기) 컴포넌트 Import 및 Export하기컴포넌트의 가장 큰 장점은 재사용성으로 컴포넌트를 조합해 또 다른 컴포넌트를 만들 수 있다는 것입니다.컴포넌트를 여러 번 중첩하게 되면 다른 파일로 분리해야 하는 시점이 생깁니다. 이렇게 분리함녀 나중에 파일을 찾기 더 쉽고 재사용하기 편리해집니다.학습 내용Root 컴포넌트란컴포넌트를 import 하거나 export 하는 방법언제 default 또는 named imports와 exports를 사용하지한 파일에서 여러 컴포넌트를 import 하거나 export 하는 방법여러 컴포넌트를 여러 파일로 분리하는 방법Root 컴포넌트란첫 컴포넌트에서 만든 Profile컴포넌트와 Gallery컴포넌트는 아래와 같이 렌더링 됩니다.function Profile() { retu.. [ React ] React 학습하기 : UI 표현하기(첫 번째 컴포넌트) 첫 번째 컴포넌트컴포넌트는 React의 핵심 개념 중 하나입니다.컴포넌트는 사용자 인터페이스(UI)를 구축하는 기반이 되므로 React 여정을 시작하기에 완벽한 곳입니다!학습 내용컴포넌트가 무엇일까React 애플리케이션에서 컴포넌트의 역할첫 번재 React 컴포넌트를 작성하는 방법컴포넌트: UI 구성 요소웹에서는 HTML을 통해 ,와 같은 태그를 사용하여 풍부한 구조의 문서를 만들 수 있습니다. My First Component Components: UI Building Blocks Defining a Component Using a Component 이 마크업은 , 제목 , (축약된) 목차를 정렬된 목록 로 나타냅니다.이와 같은 마크업은 스타일을 위한 CSS, 상호작용을 위한 J.. 이전 1 2 3 4 ··· 11 다음