📒 Study

아래의 글은 인프런 "실무중심! FE 입문자를 위한 React" 강의를 듣고 난 후에 정리하고 기록한 글입니다.  컴포넌트란?React는 컴포넌트라는 단위로 화면이 구성스스로 상태를 관리하는 캡슐화된 코드 조각하나의 JSX를 반환하는 함수  컴포넌트 만들기아래의 App 컴포넌트를 Hello 컴포넌트와 World 컴포넌트로 분리하기export default function App() { return ( Hello, World );} [ App.js ] import Hello from "./Hello.js";import World from "./World.js";export default function App() { return ( ..

List (리스트): 여러 개의 값을 순서대로 저장하는 변경 가능한 시퀀스 자료형 리스트의 특징순서가 존재가변형 자료형대괄호([])로 표기어떤 자료형이라도 저장 가능0 개 이상의 객체를 포함하며 데이터 목록을 저장my_list_1 = [1, 'a', 3, 'b', 5]my_list_2 = [1, 2, 3, 'Python', ['hello', 'world', '!!!']] > 비어있는 리스트 생성a = list()b = []   리스트의 인덱싱( indexing )my_list = [1, 'a', 3, 'b', 5]print(my_list[0]) # 1print(my_list[1]) # aprint(my_list[2]) # 3print(my_list[3]) # bprint(my_list[4]) #..

UIScrollView와 UIPageControl을 이용한 페이지 전환 UI설정 ViewController에 UIScrollView와 PageControl을 올린 후 ScrollView의 레이아웃을 Top, Bottom, Left, Right 모두 safeArea와 0으로 맞춥니다. ScrollView와 Page Control는 따로 위치하도록 있어야 합니다. ViewController와 연결 @IBOutlet weak var scrollView: UIScrollView! @IBOutlet weak var pageControl: UIPageControl! Page 설정 우선 page를 설정하기 위해 변경할 페이지가 들어갈 UIView 배열 선언해줍니다. var pages: [UIView] = [] 그다음..

UIPageControl UIPageControl은 여러 페이지나 여러 장의 사진들의 위치를 표시하는 일련의 점들입니다. pages 관리 var currentPage: Int : PageControl에서 표시되는 현재 페이지 ( 현재 위치 표시 ) ( 0이 현재 페이지 ) var numberOfPages: Int : 페이지 수 ( 표시할 점의 개수) ( default : 0 ) var hidesForSinglePage: Bool : 페이지가 하나만 있을 때, PageControl의 숨김 여부 결정 ( true : 숨김, false : 안숨김 ( default ) ) Page Indicator 의 색상 지정 var pageIndicatorTintColor: UIColor? : 선택되지 않은 pageIndi..

오늘은 Scroll View의 레이아웃을 잡는 것에 대해서 정리해보려고 합니다! ScrollView ScrollView는 스크롤이 가능한 Content영역 내에서 자신의 Content를 표시합니다. 사용자가 플랫폼에 적합한 Scroll gesture를 수행할 때, ScrollView는 기본 content의 어느 부분이 보이는지 조정합니다. ScrollView는 수평, 수직 혹은 두 개 다 스크롤할 수 있습니다. 하지만, 줌 기능을 제공하지는 않습니다. TableView와 CollectionView는 ScrollView를 상속받고 있기 때문에 자동으로 스크롤이 가능합니다. ScrollView 적용 1) ViewController에 ScrollView를 올려서 AutoLayout 설정하기 Library 창에..

HTTP 프로토콜이란? HTTP 프로토콜이란 "HyperText Transfer Protocol"의 줄임말로 웹에서 데이터를 교환하기 위한 규약 또는 프로토콜입니다. 클라이언트와 서버 간의 하이퍼 문서를 주고받는 데 사용이 되는데요! 이때, 클라이언트는 웹사이트를, 서버는 서버 컴퓨터라고 생각하시면 돼요! 클라이언트가 서버에게 데이터를 요청하면, 서버가 클라이언트에게 응답을 하는 요청/응답 형태로 데이터 전달이 이루어져요. 또한 HTTP는 이미지, 영상, 음성, 파일 JSON 등 모든 형태의 데이터를 통신할 수 있습니다. HTTP는 기본적으로 비연결성을 가집니다. 비연결성이라는 것은 전에 보냈던 데이터와 후에 보냈던 데이터 간의 연관성이 전혀 없다는 것이에요! 각 요청마다 데이터가 독립적으로 처리되기 때..

오늘은 ARC 메모리 관리에 대해서 공부해 볼까 합니다! 그럼 시작해 볼까요?! ✨ 스위프트는 ARC 메모리 관리 모델을 사용하여 힙 영역에서의 메모리를 관리합니다. 음.. 그렇다면 힙 영역이 대체 뭐길래 메모리를 관리를 해주어야 할까요?! 메모리 구조 중 Heap 영역 Heap 영역은 런타임 중 메모리 할당이 필요한 경우에 동적으로 할당된 데이터가 저장되는 곳입니다. 그럼 동적 할당이 뭔데요?! 동적 할당이란 스택 영역처럼 정해진 곳에 데이터 딱딱 들어가고 나오는 것이 아니라 메모리의 비워져 있는 공간을 찾아서 크기나 생존기간을 정하여 할당할 수 있는 방법입니다. Heap 영역에는 참조 타입의 데이터만 저장이 됩니다. 런타임 중 메모리 할당이 필요한 경우 Heap 영역에 저장 메모리가 동적으로 할당 참..

안녕하세요! 오늘은 split과 components의 차이에 대해 알아보겠습니다. split와 components는 문자열을 특정 문자열을 기준으로 나눌 수 있는 문자열 문법이에요. 우선 split와 components의 차이를 비교하기 전에 각각의 정의와 매개변수들의 역할을 살펴봅시다. Split func split( separator: String, maxSplits: Int = .max, omittingEmptySubsequences: Bool = true ) -> [Substring] split는 Swift Standard Library 에 포함이 되어있어서, import 없이도 사용할 수 있는 문법입니다! split는 separator, maxSplits, omittingEmptySubseque..