post-thumbnail

무작정 개인 프로젝트 해보기 - 7 (대표 이미지 생성하기)

react-native-view-shot, @react-native-camera-roll/camera-roll두 라이브러리를 사용해서 캡쳐 후 갤러리 내에 저장까지 구현했습니다이런 식으로 버튼을 누르면 captureRef를 통해 참조 중인 컴포넌트를 uri에서 jpg

2024년 3월 12일
·
1개의 댓글
·
post-thumbnail

비디오 에디터 - 2 (앨범 추가, 드래그 앤 드랍 기능 추가, 반응형 설정)

무슨 기능을 추가할까 고민하다가저번에 콘서트 보러 갔다가 만든 쇼츠 영상을 앨범으로 넣어서 볼 수 있게 했다클릭하면 바뀌게 할 지, 드래그 앤 드랍으로 할 지 고민하다가드래그 앤 드랍은 해본 적도 없고 어려울 것 같아서 도전했다Video Edit 화면에는 두 가지 방식

2024년 3월 7일
·
0개의 댓글
·
post-thumbnail

비디오 에디터 - 1 (UI 구현, 업로드 기능)

비디오 업로드비디오 재생비디오 편집비디오 추출4가지 기능이 있는 비디오 에디터를 만들게 됐다.그냥 간단하게 ui 기능과 업로드 기능을 만들었다새롭게 배운 부분은업로드를 할 때 input 태그를 이용해서 파일을 불러올 수 있는데input태그는 스타일링의 어려움이 있다그래

2024년 3월 7일
·
2개의 댓글
·
post-thumbnail

무작정 개인 프로젝트 해보기 - 6 (캘린더 연동하기, 로컬 스토리지로 전환하기)

관전 포인트 1. 캘린더의 날짜 별로 달라지는 투두리스트관전 포인트 2. 앱을 재부팅해도 로컬 스토리지에 저장된 데이터가 로딩되는 것react-native-calendar라는 라이브러리가 굉장히 세세하게 설정할 수 있게 되어있어서그대로 사용했습니다문제는 기존에 날짜를

2024년 3월 3일
·
0개의 댓글
·
post-thumbnail

무작정 개인 프로젝트 해보기 - 5 (감성 충전하기)

적어도 내가 사용하고 싶은 어플이었으면 좋겠다는 생각이 있었다다른 투두 리스트 어플들도 많으니 뭔가 나만의 감성을 담고 싶었는데좀 부족한 느낌이 강해서하늘이와 거의 두 시간 대화하면서 디자인을 다듬었다HomeEdit감성 좀 느껴지나요..?

2024년 3월 1일
·
0개의 댓글
·
post-thumbnail

무작정 개인 프로젝트 해보기 - 4 (RN,expo에서 절대 경로 설정하기, todo 작성하기 기능 추가)

멘토님과의 커피챗을 통해 import / export 할 때 절대 경로를 설정해야 하는 것을 알게 되었다.스택오버플로우 등 여러 군데에서 하라는 방법이 달라서 좀 헤맸다.캐시 삭제 후 실행하면 잘 된다~절대 경로 사용 전절대 경로 사용 후작성하기 기능을 추가했다물론 추

2024년 3월 1일
·
0개의 댓글
·
post-thumbnail

무작정 개인 프로젝트 해보기 - 3 (수정 시 TodoList 업데이트, 홈 화면 Index 표시, 성공 버튼 추가)

성공 클릭 시 상태 변화수정 시 투두 리스트에 반영내 코드가 점점 길어지면서 스파게티 코드가 되어가고 있는 것 같다작동만 잘 되는 코드..?보기가 너무 안좋아서내일은 리펙토링을 해야지 아니면 누구도 못읽는 코드가 될 것 같다zustand쓸 때 컴포넌트로 프롭을 전해주는

2024년 2월 26일
·
0개의 댓글
·
post-thumbnail

무작정 개인 프로젝트 해보기 - 2 (todo 디테일 뷰 추가, 타임 피커 추가)

투두를 누르면 드랍다운 방식으로 수정페이지가 나오고거기서 수정을 진행하려고 했는데홈 화면이 너무 무거워질 것 같고 하는 기능이 몰아져있는 것 같아서홈 화면에서 누르면 해당 Todo에 대한 디테일 뷰만 나오게 하고수정 버튼을 누르면 Edit페이지로 라우팅되게 설정했다

2024년 2월 25일
·
0개의 댓글
·
post-thumbnail

무작정 개인 프로젝트 해보기 - 1 (타이머 기능, TodoList 추가 및 수정)

배달의 민족 클론 코딩으로 전역 변수 관리, 최적화, CRUD를 경험해 봤으니본격적으로 프로젝트에 들어가도 될 것 같다고 생각이 들었다초기 컨셉원래 자신의 공부 시간을 기록하는 하고 서로 공유할 수 있는 커뮤니티를 만들고자 했는데닷슬래시대시라는 어플리케이션의 컨셉이 재

2024년 2월 24일
·
0개의 댓글
·
post-thumbnail

무작정 프로젝트 해보기 - 6 (전역 변수 상태관리, zustand 리렌더링 최적화 하기)

요즘 프론트엔드 상태관리 툴을 보면Redux, mobX, recoil, react-query 등 많은데가장 많이 보이는 조합으로는 react-query(서버), recoil 혹은 zustand 인것 같다\[프론트엔드 상태관리 실전 편 with React Query &

2024년 2월 23일
·
0개의 댓글
·
post-thumbnail

무작정 프로젝트 해보기 - 5 (주문페이지 완성, 네비게이션 추가, 메뉴 페이지 추가)

리액트 네이티브에서는 react-router 말고 React Navigaion이라는 라이브러리가 쓰인다 특징적인 것은 이동한 히스토리가 Stack 형식으로 남아서 뒤로 가기를 편하게 할 수 있고 계속 쌓이기 때문에 reset, popToTop 등으로 관리를 해줘야 한

2024년 2월 22일
·
0개의 댓글
·
post-thumbnail

무작정 프로젝트 해보기 - 4 (RN + styled-components)

여기 어때의 홈 화면 구성만 클론 코딩하기에는 사실상 HTML/CSS만 다루고 React를 아예 안쓰는 것 같아상세페이지, 장바구니, 결제 플로우를 구현해보기로 했다발생한 문제1\. 해당 기능을 구현하려면 DB가 필연적인데 어떻게 할 것인가2\. 서버는 어떻게 구현할

2024년 2월 21일
·
0개의 댓글
·
post-thumbnail

무작정 SQL 공부하기

갑자기 토요일날 코테를 보게 됐는데알고리즘 4문제, SQL 1문제가 나온다알고리즘은 프로그래머스 기준 Lv3을 풀 수 있어야 한다고는 하는데풀어본 문제가 4개 밖에 없다...그러면 더더욱 SQL에서 1문제를 맞추는 게 중요해졌다mySQL 정답 예시인데처음 보면 머리가

2024년 2월 20일
·
0개의 댓글
·
post-thumbnail

무작정 프로젝트 해보기 - 3

내가 만든 페이지마우스 호버 시 이미지가 살짝 어두워지는 기능을 추가했다창이 작아질 때 이미지에 붙어있게 만들고 싶은데여기어때 페이지방법을 모르겠다...CSS가 어렵다...

2024년 2월 20일
·
0개의 댓글
·
post-thumbnail

무작정 벨로그 클론코딩 -1

진행하는 팀 플젝과는 별개로 벨로그 클론 코딩을 해보자 기존의 페이지

2024년 2월 18일
·
0개의 댓글
·
post-thumbnail

무작정 프로젝트 해보기 - 2

여기어때 홈페이지에는 버튼을 누르면 카드가 슬라이드 되는 기능이 있다그것을 구현해보자slide 기능으로 유명한 라이브러리는react-slick이다https://react-slick.neostack.com/사용법은 되게 간단한데 그냥 import 하고 setti

2024년 2월 17일
·
0개의 댓글
·
post-thumbnail

무작정 프로젝트 해보기 - 1

우선 지금 배우고 있는 react 강의에서CRUD (Create, Read, Update, Delete)를 배우고 있으니해당 기능을 활용해보고자 하였다.따라서 만들기 편한 웹사이트 클론 코딩 + CRUD 기능 구현이 플젝의 목표가 될 것 같다.우리는 여기어때 라는 사이

2024년 2월 16일
·
0개의 댓글
·
post-thumbnail

[Lv2, 58%, JS] 뒤에 있는 큰 수 찾기

사실 문제의 제한 사항인제한사항4 ≤ numbers의 길이 ≤ 1,000,0001 ≤ numbers\[i] ≤ 1,000,000를 보고 O(nlogn)를 넘어가면 못풀겠다고 생각이 들었지만딱히 답이 생각이 안나서 일단 풀어봤는데 역시나 시간초과가 나왔다.스택을 이용하면

2024년 2월 14일
·
0개의 댓글
·

[Lv2, 62%, JS] 피로도

오랜만에 dfs로 풀어서 좀 헷갈렸다그래도 dfs 풀이가 바로 생각나서 다행이다

2024년 2월 13일
·
0개의 댓글
·

[Lv1, 59%, JS] 옹알이(2)

중복 제거하는 방법이 까다로웠다그래서 좀 오래걸렸다

2024년 2월 11일
·
0개의 댓글
·