RN의 SafeAreaView 컴포넌트는 최신 IOS 기기에서 발생하는 노치 영역 및 홈 버튼 영역(?)에 대한 영역 보장을 해주는 컴포넌트이다. 즉 달리 말하면 SafeAreaView 컴포넌트가 위치한 영역을 기준으로 노치영역과 홈 버튼 영역에 대한 보장이 이뤄진다고 할 수 있다. 따라서 IOS에서 상단이나 하단 영역에 대한 SafeArea 보장을 받기 원한다면 SafeAreaView를 사용해 원하는 영역을 Wrapping 하면 되는데, 다른 컴포넌트를 Wrapping 해서 사용하는 것 외에 export function Navigation() { return ( ); } 이런 식으로 사용해서 상단 노치영역만 확보하거나 하는 일이 가능하다. 이런 식의 스킬이 필요한 상황은 어떤 상황일까? 1. SafeA..

한국 시간으로 10월 27일, Next12의 발표가 있었다. 이 영상 썸네일은.... 저번 Next conf와 동일하게 1시부터 시작을 했고, 저번의 경험으로 일찍 끝난다는걸 알고 있었기 때문에 보고 잤다. 2021 Next.js Conf 후기 Next.js Conf A special edition of Next.js Conf, presented by Vercel (creators of Next.js) and Google Chrome. Let's make the web. Faster. nextjs.org 한국 시각으로 오늘인 16일 오전 1시에 Next.js의 앞.. nookpi.tistory.com Nextjs 자랑타임이 지나가고, 핵심 내용만 보도록 하자. 1. URL import (alpha) 말 ..

jest를 사용한 테스트 코드는 생각보다 쉽고 재밌었는데, 환경 구축이 엄청 빡셌다 ㅠ path alias 적용 1. tsconfig.json에 절대경로 추가 "baseUrl": ".", "paths": { "@src/*": ["src/*"] }, 2. tsconfig-paths 설치 babel-plugin-module-resolver 설치 3. babel.config.js - plugins에 module-resolver 설정 추가 [ "module-resolver", { root: ["."], extensions: [".ts", ".tsx", ".jsx", ".js", ".json"], alias: { "@src": "./src", }, }, ], 4. webpack.config.js 내 alias 추..

1932번: 정수 삼각형 첫째 줄에 삼각형의 크기 n(1 ≤ n ≤ 500)이 주어지고, 둘째 줄부터 n+1번째 줄까지 정수 삼각형이 주어진다. www.acmicpc.net 저번 문제와 마찬가지로 DP 테이블을 이용해서 쉽게 풀 수 있었다. from sys import stdin N = int(stdin.readline()) L = [] while True: line = list(map(int, stdin.readline().split())) if len(L) == 0: L.append(line) else: prev = L[len(L) - 1] next_line = [] for i, v in enumerate(line): if i == 0: next_line.append(v + prev[0]) elif ..

1149번: RGB거리 첫째 줄에 집의 수 N(2 ≤ N ≤ 1,000)이 주어진다. 둘째 줄부터 N개의 줄에는 각 집을 빨강, 초록, 파랑으로 칠하는 비용이 1번 집부터 한 줄에 하나씩 주어진다. 집을 칠하는 비용은 1,000보다 작거나 www.acmicpc.net 이번 문제를 풀면서 DP 테이블 개념을 알게 되어서 좋았다. 재귀 & 메모이제이션이 아니라 이런 식으로도 풀 수 있구나 하는... 역시 아직 배울게 많다 ㅠ from sys import stdin N = int(stdin.readline()) L = [] RESULT = [] while True: [R, G, B] = map(int, stdin.readline().split()) if len(L) == 0: L.append([R, G, B]..

개발 환경에서 로그인 상태가 유지되지 않는 현상이 발생하고 있다. 백엔드에서 세션 정보를 Cookie로 관리하고 있는데, 첫 로그인 이후 Set-Cookie 헤더가 제대로 동작하지 않아 발생하는 문제였다. Set-Cookie 헤더에 도메인 정보가 붙어서 오고 있기 때문에, 현재 로컬에서는 mac의 hosts 파일을 수정해서 쿠키를 안착시키고 있었다. Set-Cookie: mdJsessionId=세션아이디; Domain=.example.co.kr; Expires=Tue, 05-Oct-2021 13:41:28 GMT; Path=/; HttpOnly 그런데 왜! 갑자기 쿠키가 안 붙는것인지... 크롬 업데이트 이후로 추정되어 쿠키 관련 정책 변경사항들을 찾아보았다. FE개발자의 성장 스토리 06 : 2021년..