# clone coding

113개의 포스트

[REACT] 2주간 momentum clone coding을 하면서

사이드 프로젝트 진행 4일차부지런하게 한달 살기 챌린지를 하면서 진행할 사이드 프로젝트에 대해서 블로그 글을 쓰기로 했다. 진행하기 전, 무엇을 사용할 건지 계획하고 싶어서 나름대로 생각을 해봤고, 결론부터 말하면, 리액트와 노드를 사용했다.처음에는 자바스크립트로만 만

2022년 11월 4일
·
0개의 댓글
·
post-thumbnail

[React-Native] react native 환경 설정

우선 해당 시리즈의 clone coding 포스트들은 니콜라스님의 강의를 보고 정리한것이다. RN 공식문서에서도 그렇고 해당 강의에서도 expo로 개발환경을 구축한다고하니 expo 를 사용해 볼 것이다. 하지만 모바일 디바이스는 없는 관계로 intellij의 안드로이드

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

js project-clone coding start

클론코딩 시작

2022년 10월 9일
·
0개의 댓글
·
post-thumbnail

싸이월드 클론코딩 1일차

기본적인 HTML, CSS를 배우면서 싸이월드 미니 홈페이지를 클론 코딩 해보았습니다.

2022년 10월 5일
·
0개의 댓글
·
post-thumbnail

[Justgram React] mock Data 활용해서 피드 구현하기(useEffect + fetch)

mock data를 활용하여 데이터를 따로 분리해준 뒤 데이터 개수 만큼 피드를 구현피드를 여러개 띄우고 싶으면 <Feed/>를 여러번 복사하면 되지 않을까? 생각할 수도 있지만 그렇게 하면 데이터를 동적으로 다루고 props로 넘겨줘야할 때 굉장히 비효율적이기

2022년 8월 22일
·
0개의 댓글
·
post-thumbnail

[Android] KakaoBus 클론 코딩 #2. ToolBar

Android에서 Toolbar 구현하기

2022년 7월 28일
·
0개의 댓글
·
post-thumbnail

[클론코딩]Instargram 클론코딩 part.1

instargram 클론코딩을 해봤다.개인적으로 이때의 고민했던 사고의 흐름을 잊고싶지 않기 때문에 적나라하게 작성해보려 한다.github링크\-또는-, facebook로고 영역을 뺀 나머지 레이아웃 구현id, pw 둘 다 입력시 로그인 버튼이 활성화validation

2022년 7월 28일
·
0개의 댓글
·
post-thumbnail

[Android] KakaoBus 클론 코딩 #1. 페이지 만들기

카카오버스 안드로이드 앱 클론 코딩을 하며 고민했던 부분과 공부 내용을 적어봤습니다.

2022년 7월 15일
·
0개의 댓글
·
post-thumbnail

트위터 클론코딩) firebase 세팅 & 절대경로

절대경로 사용을 위한 프로젝트 세팅jsconfig.json다음과 같은 파일을 src 디렉토리 내에 생성한다.파일명 : jsconfig.jsonfirebase 세팅하기 - 버전 9 이후npm install --save firebase 터미널에 입력 /firebase 공식

2022년 7월 13일
·
0개의 댓글
·
post-thumbnail

[Android] Sunflower 클론코딩 (22.07.10)

PlantDetailFragment Plant List 아이템 클릭 시 상세 페이지로 이동하는 화면을 구성해보자. 먼저 data를 정의해준다. 여기서 callback 변수는 Callback interface에 매핑된다. 최상위 레이아웃으로는 CoordinatorLa

2022년 7월 10일
·
0개의 댓글
·
post-thumbnail

[Android] Sunflower 클론코딩 (22.07.08)

GardenFragment 화면을 구성해보자. Add Plant 버튼 클릭 시 PlantListFragment 화면으로 이동 > 이제 My Garden에 식물을 추가할 때 생기는 List를 만들어줘야한다. 그전에 필요한 Data class를 생성한다. Data c

2022년 7월 8일
·
0개의 댓글
·
post-thumbnail

[Android] Sunflower 클론코딩 (22.06.12)

Garden Fragment에 내가 추가한 식물들을 관리하는 화면을 구성하자.RecyclerView와 비어있을 때 표현할 TextView와 Button의 부모인 LinearLayout을 선언한다. 뷰를 겹쳐야하기 때문에 FrameLayout을 사용했다.MaterialB

2022년 6월 12일
·
0개의 댓글
·
post-thumbnail

[Android] Sunflower 클론코딩 (22.06.10)

Fragment에서 RecyclerView의 adapter를 연동해주자.Plant DB에서 Data를 가져와야 하기 때문에 ViewModel과 Repository를 생성해서 Room DB에 접근한다.Repository는 Singleton 패턴으로 생성되며, Room D

2022년 6월 10일
·
0개의 댓글
·
post-thumbnail

[Android] Sunflower 클론코딩 (22.06.09)

PlantListFragment 안에 있는 RecyclerView를 위한 어댑터를 생성해주자. 그리고, 리사이클러뷰에 ListAdapter와 DiffUtil을 활용해보자. DiffUtil? 간단하게 요약하자면 현재 데이터 리스트와 새로운 데이터 리스트를 서로 비교하여

2022년 6월 9일
·
0개의 댓글
·
post-thumbnail

[Android] Sunflower 클론코딩 (22.06.08)

PlantListFragment에 있는 RecyclerView를 만들자. 그 전에 RecyclerView list item인 CardView를 커스텀하자. Custom CardView MaterialCardView를 부모뷰로 MaskedCardView 클래스를 생성

2022년 6월 8일
·
0개의 댓글
·
post-thumbnail

[Android] Sunflower 클론코딩 (22.06.07)

Room 1. Entity Table 정의 data class로 Plant Entity를 생성한다. @PrimaryKey : 기본키 지정 @ColumnInfo : 테이블 구성 필드 정의 2. DAO Plant 클래스를 위한 DAO(Data Access Ob

2022년 6월 7일
·
0개의 댓글
·
post-thumbnail

[Android] Sunflower 클론코딩 (22.06.06)

엑티비티에서 툴바를 선언하는 것이 아닌 ViewPagerFragment에 선언한다.(현재 Acitivity에서 Navigation에 첫페이지가 ViewPagerFragment로 설정되어있음)PagerAdapter각 Page index 선언class 밖에 const va

2022년 6월 5일
·
0개의 댓글
·
post-thumbnail

[Android] Sunflower 클론코딩 (22.06.05)

Theme.MaterialComponents.DayNight.NoActionBar 로 변경CoordinatorLayout : FrameLayout 특징을 가지며, 자식뷰에 behavior을 설정하여 다양한 움직임 및 애니메이션 상호작용을 구현할 수 있음ImageView

2022년 6월 5일
·
0개의 댓글
·
post-thumbnail

[Android] Sunflower 클론코딩 (22.06.04)

SPA(Single-Page-Application) 구조하나의 Activity와 여러 개의 FragmentJetpack Navigation에서 제공하는 Bottom Navigation, Toolbar사용 xToolbar + ViewPager2 + TabLayout in

2022년 6월 5일
·
0개의 댓글
·
post-thumbnail

[Android] Sunflower 클론코딩 (22.06.02)

build.gradle 에 ext 변수를 이용하여 한 공간에 버전을 정리해둔다.Dependency Setup@HiltAndroidApp 어노테이션 추가의존성 주입의 시작점을 지정하고 Application의 생명주기를 따르며,컴파일 단계에서 DI에 필요한 구성요소들을 초

2022년 6월 5일
·
0개의 댓글
·