개발새발 개발개발

출처 https://programmers.co.kr/learn/courses/30/lessons/72410?language=javascript ❓Question —문제 설명 카카오에 입사한 신입 개발자 네오는 "카카오계정개발팀"에 배치되어, 카카오 서비스에 가입하는 유저들의 아이디를 생성하는 업무를 담당하게 되었습니다. 네오에게 주어진 첫 업무는 새로 가입하는 유저들이 카카오 아이디 규칙에 맞지 않는 아이디를 입력했을 때, 입력된 아이디와 유사하면서 규칙에 맞는 아이디를 추천해주는 프로그램을 개발하는 것입니다. 다음은 카카오 아이디의 규칙입니다. 아이디의 길이는 3자 이상 15자 이하여야 합니다. 아이디는 알파벳 소문자, 숫자, 빼기(-), 밑줄(_), 마침표(.)문자만 사용할 수 있습니다. 단, 마침표..

React Navigation 1개의 화면으로 동작하는 App은 거의 찾아볼 수 없다. 상태와 동작에 따라 화면을 전환해주는 무언가가 필요한데 이런 화면간 이동을 도와주는 라이브러리가 React Navigation이다. Navigation은 stack 구조로 되어있어서 화면을 이동하면 전 화면이 사라지는 것이 아니라 기존의 화면 위에 새로운 화면이 쌓이는 구조로 되어있다. 설치 터미널을 킨 후 navigation을 사용하고 싶은 프로젝트에 들어간다. 패키지 설치 npm install @react-navigation/native npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-s..

컨테이너와 볼륨APFS는 여러 APFS 볼륨을 포함할 수 있는 단일 컨테이너로 구성되어 있다. 컨테이너는 데이터 저장을 위한 기본 개체이다. 하나 이상의 볼륨을 포함하려면 512mb보다 커야하고 두개 이상의 볼륨을 포함할려면 최소 1024mb보다 크기가 커야한다. —APFS의 구조Block HeaderContainer SuperblockNodeSpace managerAllocation Info FileUnknownB-TreeCheckpointVolume Superblock — Block header각각의 APFS 파일시스템은 block header로 부터 시작된다. 블록헤더에는 checksum, block_id, version, block_type, flags 등이 저장되어 있다. 💡checksum : ..

출처 http://drmola.com/tech/50912 1. 개요 애플의 파일시스템은 WWDC 2016에서 완전히 바뀌었다. 이 때 애플 OS의 정식 명칭을 OS X에서 macOS로 변경하면서 Siera가 등장하였다. 이 때 가장 크게 변화한게 파일시스템인데 기존에는 원래 있던 파일시스템인 HFS를 개량하여 만든 HFS+를 사용하였지만 처음부터 애플에서 설계한 Apple File System(APFS)로 바꾼 것이다. 이것을 통해 어떤 게 변화하였는지 알아보고 Windows 파일 시스템과 어떠한 차이점이 있는지 알아볼 것이다. 2. APFS가 만들어진 이유 HFS는 근본 자체가 플로피 디스크와 하드디스크를 주로 사용하는 환경에 맞춰져 있어서 현 애플 제품의 환경인 플래시 기반의 보조저장장치를 사용하는 ..

1. 파일시스템이란? 파일 시스템이란, 파일의 이름을 정하고 저장, 검색을 위해서 논리적으로 어디에 위치시켜야 하는지에 대한 방법을 구성한 시스템이다. 저장 매체의 공간이 증가 할수록 파일의 수 또한 점점 증가하게 되어 별도의 관리 시스템이 필요하게 되었다. 그래서 개발된 것이 파일 시스템이다. — 파일 시스템의 특징계층적 디렉터리 구조를 가진다.디스크 파티션 별로 하나씩 둘 수 있다. — 파일 시스템의 역할파일 관리 보조 저장소 관리 : 저장 공간 할당파일 무결성 메커니즘 : 파일이 의도한 정보만 포함하고 있음을 의미접근 방법 : 저장된 데이터에 접근할 수 있는 방법 제공 — 파일 시스템 개발 목적HDD와 메인 메모리의 속도 차를 줄여준다.파일 관리가 용이하다.HDD의 용량을 효율적으로 이용 가능하다...

출처 https://programmers.co.kr/learn/courses/30/lessons/62048 ❓Question —문제 설명 가로 길이가 Wcm, 세로 길이가 Hcm인 직사각형 종이가 있습니다. 종이에는 가로, 세로 방향과 평행하게 격자 형태로 선이 그어져 있으며, 모든 격자칸은 1cm x 1cm 크기입니다. 이 종이를 격자 선을 따라 1cm × 1cm의 정사각형으로 잘라 사용할 예정이었는데, 누군가가 이 종이를 대각선 꼭지점 2개를 잇는 방향으로 잘라 놓았습니다. 그러므로 현재 직사각형 종이는 크기가 같은 직각삼각형 2개로 나누어진 상태입니다. 새로운 종이를 구할 수 없는 상태이기 때문에, 이 종이에서 원래 종이의 가로, 세로 방향과 평행하게 1cm × 1cm로 잘라 사용할 수 있는 만큼만..

1. Modal Modal 컴포넌트는 모든 View 위에 컨텐츠를 표시해주는 컴포넌트이다. —Example import React, { useState } from 'react'; import {View, Modal, StyleSheet, Text, TouchableHighlight } from 'react-native'; const App = () => { const [modalVisible, setModalVisible] =useState(false); return ( Hello World! { setModalVisible(!modalVisible) }} > Hide Modal { setModalVisible(true) }} > Show Modal ) } const styles = StyleSheet..

1. TouchableWithoutFeedback TouchableWithoutFeedback 컴포넌트는 자식 컴포넌트의 이벤트가 발생할 때 아무런 효과도 주지 않게 해주는 컴포넌트이다. 💡 해당 컴포넌트는 하나의 자식 컴포넌트만 적용이 되므로 여러 개의 컴포넌트에 적용하고 싶을 때는 View 컴포넌트 안에 컴포넌트들을 넣어줘야한다. —Example export default App; import React, { useState } from 'react'; import { View, StyleSheet, Text, TouchableWithoutFeedback } from 'react-native'; const App = () => { const [count, setCount] = useState(0); ..

FlatList 컴포넌트는 많은 양의 리스트 아이템을 보여주고 할 떄 쓰이는 React-Native 컴포넌트이다. Scroll View와 유사한 기능을 하나 동작 방식에 차이점이 있다. 는 데이터가 화면에 보이지 않을 때 사용자가 Swipe를 통해 안보이는 데이터를 볼 수 있도록 하기위한 컴포넌트이다. 다시 말해서 출력해야하는 데이터가 고정적이고 많지 않을 때 간단하게 사용할 수 있는 컴포넌트이다. 는 모든 데이터를 한번에 렌더링하는 것이 아니라 보여지는 부분이나 혹은 수동으로 설정한 양 만큼의 데이터만 렌더링이 되고 화면에 데이터가 보여지지 않는 곳은 기다렸다가 사용자가 swipe를 할 때 swipe한 화면의 크기만큼 자동으로 리렌더링이 되어 보여지는 컴포넌트이다. 다시 말해서 데이터의 길이가 가변적이..

1. ScrollView데이터의 양이 많아서 화면을 넘어가면 스크롤이 생기게 해주는 코어 컴포넌트이다. 스크롤을 빠르게 내리면, 데이터를 처리하는 속도가 스크롤 내리는 속도를 따라가지 못해서 흰색화면만 보일 수 있다. —Exampleimport React from 'react'; import {StyleSheet, Text, SafeAreaView, ScrollView} from 'react-native'; const App = () => { return ( Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad mini..