익스랩 - experience laboratory

IT 언어 연구소/React Native [실습, 예제, 스크랩]

[React Native] 인스타그램 UI 만들기 #4

리액트 네이티브(React Native)로 인스타그램 UI를 구현하는 네 번째 강의입니다. 이번에는 프로필 화면을 구현합니다. 이 포스팅은 아래 무료 동영상 강의를 참고하여 작성하였습니다. 상단바 수정하기 탭 화면마다 상단바가 다르기 때문에 수정해야합니다. 현재는 모든 탭 화면에서 같은 상단바가 보입니다. 먼저 ./Components/MainScreen.js 파일을 수정합니다. navigationOptions의 header에 null 을 입력합니다. export default class MainScreen extends Component { static navigationOptions = { header: null } // (...) 그다음 ./Components/AppTabNavigator/HomeTa..

IT 언어 연구소/React Native [실습, 예제, 스크랩]

[React Native] 인스타그램 UI 만들기 #3

리액트 네이티브(React Native)로 인스타그램 UI를 구현하는 세 번째 강의입니다. 이번에는 홈 화면에 스토리 헤더를 구현합니다. 이 포스팅은 아래 무료 동영상 강의를 참고하여 작성하였습니다. 인스타그램 UI 코딩 동영상 강의는 총 5편입니다. 이제 앞으로 2편 남았네요. 이번 강의 내용은 저번보다 조금 짧습니다. ㅎ 스토리 헤더 만들기 ./Components/AppTabNavigator/HomeTab.js 파일을 수정합니다. 그리고 피드 목록 바로 위에 스토리 헤더 영역을 구현합니다. 먼저 스토리 헤더 영역 위치를 잡기 위해 기본 컴포넌트를 사용하여 구현합니다. 그리고 앱을 실행하여 확인해보겠습니다. export default class HomeTab extends Component { rend..

IT 언어 연구소/React Native [실습, 예제, 스크랩]

[React Native] 인스타그램 UI 만들기 #2

리액트 네이티브(React Native)로 인스타그램 UI를 구현하는 두 번째 강의입니다. 이번에는 홈 화면에 피드 목록을 구현합니다. 이 포스팅은 아래 무료 동영상 강의를 참고하여 작성하였습니다. _ CardComponent 만들기 Components 폴더 아래에 CardComponent.js 파일을 생성합니다. CardComponent는 우리가 앞으로 구현할 피드 목록에서 피드 항목 하나를 담당하게 될 컴포넌트입니다. import React, { Component } from 'react'; import { View, Image, Text, StyleSheet } from 'react-native'; export default class CardCompnent extends Component{ ren..

IT 언어 연구소/React Native [실습, 예제, 스크랩]

[React Native] 인스타그램 UI 만들기 #1

리액트 네이티브(React Native)로 인스타그램 UI을 구현하는 포스팅입니다. 인기있는 앱을 따라 만들어 보는 것은 굉장히 재미있습니다. 구글에서 인스타그램 클론 코딩 강의를 찾아보니, 다른 개발자들이 올린 동영상 강의를 몇 개 찾을 수 있었습니다. Udemy 강좌: React-Native + Redux + Redux-Saga + INSTAGRAM Clone Nomad Coders 강좌: 인스타그램 클론 코딩 사실 위의 강의 2개는 유료입니다. 저처럼 가난한 개발자는 유료 강의도 가끔 듣지만, 무료 강의를 더 많이 이용합니다. 아래는 유튜브에 공개되어 있는 무료 강의입니다. 이 포스팅은 아래 강의를 듣고 정리한 내용입니다. _ 프로젝트 생성하기 동영상 강의에서는 라이브러리를 먼저 설치하고 프로젝트를..

IT 언어 연구소/HTML,CSS [초급, 기본 개념, W3C 번역]

31.HTML and XHTML

XHTML은 XML로 작성된 HTML입니다. XHTML이란? XHTML은 확장 가능한 하이퍼 텍스트 마크업 언어를 나타냅니다. (EXtensible HyperText Markup Language) XHTML은 HTML과 거의 동일합니다. XHTML은 HTML보다 엄격합니다. XHTML은 XML 애플리케이션으로 정의된 HTML입니다. XHTML은 모든 주요 브라우저에서 지원됩니다. 왜 XHTML 일까? 인터넷에 많은 페이지에는 "잘못된" HTML이 포함되어 있습니다. 아래 HTML 코드는 HTML 규칙을 따르지 않더라도 대부분의 브라우저에서 제대로 작동합니다. some content XHTML 요소는 올바르게 중첩되어야 합니다 HTML에서 다음과 같이 일부 요소가 서로 잘못 중첩될 수 있습니다. This ..

IT 언어 연구소/HTML,CSS [초급, 기본 개념, W3C 번역]

30.HTML URL 인코딩

URL은 웹 주소의 다른 단어입니다. URL은 단어 (w3schools.com) 또는 인터넷 프로토콜 (IP) 주소 (192.68.20.50)로 구성될 수 있습니다. 대부분의 사람들은 이름을 숫자보다 기억하기 쉽기 때문에 서핑 할 때 이름을 입력합니다. URL - Uniform Resource Locator 웹 브라우저는 URL을 사용하여 웹 서버에서 페이지를 요청합니다. URL (Uniform Resource Locator)은 웹에서 문서 (또는 다른 데이터)를 처리하는 데 사용됩니다. https://www.w3schools.com/html/default.asp 와 같은 웹 주소는 다음 구문 규칙을 따릅니다. scheme://prefix.domain:port/path/filename 설명 : schem..