코딩 개발일지 (14) 썸네일형 리스트형 [개발일지]스파르타코딩클럽_앱개발 종합반 3-3 이번 강의에서 가장 힘들었던건 useState 를 이해하는것 이번 강의에서 중요한것 네가지 1) 컴포넌트(Component) : 정해진 엘리먼트들(요소)을 사용하여 만든 화면의 일부분 2) 상태(State) : 컴포넌트에서 데이터를 유지하고 관리하기 위한 유일한 방법 == 그냥 사용할 데이터! 3) 속성(Props) : 상위 컴포넌트에서 하위 컴포넌트로 데이터를 전달하는 방식 == 그냥 데이터 전달! 4) useEffect : 화면에 컴포넌트가 그려지면 처음 실행해야 하는 함수들을 모아두는 곳 그리고 몰라도 된다는 꽤 유의미한 공식 UI = component(state) ------------------------------------------------------------------------ 처음.. [개발일지]스파르타코딩클럽_앱개발 종합반 3-2 이번강의는 복습겸 DetailPage를 만드는것 //그냥 공부하면서 의식의 흐름대로 작성하려한다 앞에 만든 AboutPage를 토대로 만들어도 될거같다 기존 코드를 다 복사해서 집어넣고 app.js에 DetailPage를 리턴시켜준 후에 정상적으로 연결됬는지 확인해 본다. 우선 맨 위에 "Hi 스파르타코딩~" 이부분 텍스트를 지워주자 ----------------------------------------------- 글씨 나왔던 위쪽부터 이미지가 들어가야한다 맨 위에 상태바 부분을 침범하지 않고 그 밑에부터 이미지를 넣으려면 몇가지 방법이 있을거 같다 하나는 이미지 자체에 탑마진을 주면 될거같고 또 하나는 SafeAreaView를 쓰면 될거같다 뭐 아마 여러가지 방법이 있겟지만 지금 내가 아는 한도내에.. [개발일지]스파르타코딩클럽_앱개발 종합반 2-7 2주차 숙제 어바웃 페이지를 만들자 그림을 보니 일단 할수있을거같다 ----------------------------- 제일먼저 View태그로 부모 태그를 만드는데 백그라운드는 파랑색으로 하면 될거같다. 이러고 스타일시트에서 container: { backgroundColor: 'blue', flex:1 }, -------------------------------- 글씨 부분하고 밑에 네모를 flex를 줘서 나눠주면될거같다 전체를 4등분으로 보고 글씨를 1 밑에를 3정도? containerOne와 Two를 만들면 될거같다 어? 그저께 혼자 헛짓하다가 실패했던 부분이 도움이 될거같다 ----------------------------- 텍스트도 넣어야할듯 --------------------------.. [개발일지]스파르타코딩클럽_앱개발 종합반 2-5 (다음날) //어제에 이어서 일단 만들어보자. 정답을 보기전에 일단 혼자 해보자 일어나서 다시 생각해보니 처음에 기본적으로 틀을 나눌때 원래 있는거에다 가져다 쓰다보니 깔끔하지 못한거 같다 전체를 위에서부터 8분할로 해서 4등분으로 1:2:1:4비율로 그냥 짜버렸으면 깔끔했을거 같은데 근데 다시 일일이 수정하기엔 너무 귀찮으니 일단 되어있는거에서 flex를 나눠줬다. 문제없을듯 총 4분할이니까 innerThree 하나만들어주고 const styles = StyleSheet.create({ container: { flex:1 }, containerOne: { flex:1, backgroundColor:"#fff", justifyContent:"flex-end", padding: 10 }, containerTwo:{ .. [개발일지]스파르타코딩클럽_앱개발 종합반 2-5 //개발일지 어떻게 쓰는지 모르겠고 내 맘대로 써보자 이번 강의의 목표는 이 화면을 만드는거 (강의 중간에 멈춰놓고 만들어 보려고 한다) 일단 어떻게 만들어야 할지 대강 구상은 된다. 구상은 되는데 배운 걸로 만들 수 있을지 모르겠다 친절하게 사진이나 글씨 내용도 다 제공해 주고 어떤식으로 만들면 될지도 설명까지 해줬다. 뒷 강의 마저 들으면 뒤에 가서 만드는 거 알려줄 거 같은데 얼른 만들어보다 안되면 치워야겠다 일단 [코드스니펫] 02. flex 이거를 기준으로 만들어 보자 얼추 비슷한 거 같다. 스샷은 퍼옴 이거 보면 containerOne 이 빨강에 flex를 1만큼 containerTwo 이 flex를 2를 먹고 있으니까 containerTwo를 -> 빨강이 작아진다 ---------------.. [개발일지]스파르타코딩클럽_앱개발 종합반 1주차 // 개발일지 쓰기전 잡설 코딩을 공부해보고 싶어서 내일배움단으로 신청했다. 이제 1주차. 10몇년 전 대학때 C++ 기초정돈 배웠던 적이 있어서인지 아주 쉬운개념은 비슷해서 바로 이해 됬으나 무슨 최신 방식인지 뭔지 생소한것들 이 나오니까 거기서부터 이해가 안되기 시작.. 근데 강의노트 고심해서 읽다보면 이해가 조금씩 되는거 같은데 좀더 봐야할거 같다. 강의노트 만세 남들 보니까 개발일지들 멋지게 써놨던데,, 공부할때마다 연습장이다 생각하고 적어봐야겠다 // 1주차 Javascript 1. 변수 선언 let // let으로 통일 => 매우편함 // 예전에 c배울때 int인지 char인지 뭔지 뒤에 오는거 종류별로 다 따져서 선언했던거 같은데 세상 좋아졌다 2. 리스트(배열) & 딕셔너리(객체) 리스트(.. 이전 1 2 다음
