본문 바로가기

반응형

전체 글

(150)
게시판만들기 데이터를 목록으로 보여주자(react,list,map) 만들고 잇는 게시판 게시물인데 밋밋하다 댓글 리스트를 보여주고 싶다 먼저 데이터 리스트가 필요하다 바로 반응하기 위해서 난 state값으로 list이름의 배열을 만들어 줫다 class Boardreple extends Component { constructor(props) { super(props); this.state = { list: [], // ( // 리스트를 하나씩 살펴본다 //이제 표현 하고싶은데로 하면 됨 //현재 객체의 number {list.nick} //현재 객체의 nick {list.time} //현재 객체의 time 좋아요: {list.recomend} //현재 객체의 recomend {list.reple} //현재 객체의 reple )); return {content}; //여기서..
[javascript] 현재 시간/날짜를 알고싶다(Date(), getDate,getFullYear,getHours..) 게시판 댓글을 만드는 중이다 등록을 하면 현재의 날짜와 시간 정보가 업로드 됐으면 좋겠다 어케구할까 Date(); 데이트라고 기본 제공 해준다. 아래와 같이 사용하면 date data타입을 반환한다. let time = new Date(); //현재 날짜와 시간 let time = new Date(1996,05,18,6,00); let time = new Date('2996-05-18 06:00:00'); 그리고 time에서 getFullYear() :연도 getMonth() : 달 (+1)해야됨 getDate() : 날짜 getDay() : 요일 getHours() : 시간 getminutes() : 분 getMilliseconds() : 밀리 초 getSeconds(): 초 getTime(): UNI..
[react]하위 컴포넌트에서 props변화 감지 어케할까(componentDidUpdate) 졸작으로 웹만들고 있다 상단에 다른 카테고리를 누르면 (현재 C) 게시판 목록은 바뀌는데 띄워놨던 게시물 컴포넌트가 남아있다 메뉴를 새로 선택할 때 마다 게시판 컴포넌트를 끄고 싶다 상위 컴포넌트 : 에서 어떤 메뉴선택을 햇는지 state값이 바뀌고 clickmenu: "C", // or Java ,Python ,Javascript... 하위 컴포넌트 : 에서 contentOn: state값을 이용해 키고껏다가 제어한다 contentOn: "none", (하위)에 무엇을 클릭했는지 전달 했다. import BoardMete from "./boardMete"; // 게시물 컴포넌트 . . render( 하위컴포넌트가 props의 변화할때를 감지하고 그때 명령을 주고싶다 결국 이말하고 하고싶은거였다 comp..
[reactnative]키보드 켜졌을 때 꺼졌을 때, 높이를 어케알까(keyboard event,show,hide,height) 디자인 수정 중에 채팅하는 페이지에서 input창을 누르면 키보드가 input창을 가려버렸다 즉 키보드가 올라와서 input창이 안보인다 ios에서만 이런현상이 보였는데 내가 짠게 아니라서 걍 강제로 키보드가 올라왔을 때 -> 인풋창에 margin-bottom 을 줘서 올려버렸다 키보드가 올라왔을 때와 내려갔을 때의 이벤트를 받아야한다 먼저 import import { Keyboard } from 'react-native'; 라이브러리 기본 제공이다 이벤트 리스너 이다 componentDidMount () { this.keyboardDidShowListener = Keyboard.addListener('keyboardDidShow', this._keyboardDidShow); //키보드가 show 했을 ..
xcode에서 app 아이콘/사진 설정해보자(icon) 어플 아이콘은 어플의 얼굴이다 안드로이드 플레이스토어는 대충 뚝뚝딱딲 넣으면 제출이 되는데 appstore는 꽤 까다롭다 알아보자, 먼저 사진이 필요하다 성우한테 받았다 웬만하면 최대 사이즈 1024*1024가 좋다고 한다 여튼 정사각형이면 된다 아래 링크에 들어가면 os별 크기별 사진으로 변환하여 zip파일을 만들어 준다 https://appiconmaker.co/Home/Index/af87b3a3-0a70-4a21-b0aa-a40fa0c5f609 파일 드래그하면 다음과같이 변환된다, 집파일을 받아 주자 xcode 실행 대충 한눈에 보는 경로: 프로젝트폴더 -> images.xcassets -> AppIcon 클릭 그리고 각각 크기에 맞게 드래그해서 퍼즐놀이 하면 된다 팁이있자면 어떤싸이즈를 넣어야할지..
[reactnative]안드로이드와 ios구분(platform.OS ,version) 페이스북에서 개발한 react.js와 유사한 모바일용 react-native ios와 android 동시개발 가능한 하이브리드이기 때문에 코드 상으로 os에 따라 구분할 필요가 있다 먼저 import import { Platform } from 'react-native' react-native라이브러리 기본 제공한다 static Platform.OS 'ios' 와 'android' 스트링값을 반환한다 나 같은경우는 구글 애드몹(adMob)광고를 불러 올 때 필요한 unitId가 os에 따라 다르기 때문에 구분해 주어야 했다 const unitId = Platform.OS === 'ios' ? 'ca-app-pub-5434797501405557/2267266613' //ios unitId : 'ca-app..
[react] 폰트파일(.ttf) 로컬 폰트 적용하기 기본 폰트는 밋밋하다 가지고 있는 파일을 적용해보자 내가 가지고있는 괜찮은 애들인데 구글폰트 여기서 다운받아도 된다. fonts.google.com/ 경로만 설정하면 되기 때문에 아무데나 src 폴더에 font폴더를 만들었다 드래그해서 넣어주기만 하면 끝 쿠키런체와 지마켓체를 사용한다 에서 다음과 같이 입력해준다 @font-face { font-family: "cookie"; // 이름 선언 src: url("./font/cookie.ttf"); // 내가 저장한 경로! } @font-face { font-family: "gmarket"; src: url("./font/gmarket.ttf"); // 내가 저장한 경로! } 졸작땜ㅁ에 만들고있는 페이지인데 생긴게 재미없다 사용: 저 제일 위에 제목텍스트 ..
[reactnative] 로컬저장소 asyncstorage를 사용해보자 맨날 state나 서버에 박을 순없다 앱이 실행되는 동안 또는 앱이 꺼져도 가지고 이써야하는 정보들이 있다 react native의 로컬 저장소를 사용해 보자 모듈 다운로드 www.npmjs.com/package/@react-native-community/async-storage npm i @react-native-community/async-storage import import AsyncStorage from '@react-native-community/async-storage'; 예를들어 유저 아이디를 저장하고 출력하기 setItem : 저장 getItem : 출력 출력의 결과값은 result에 저장된다 AsyncStorage.setItem('user_id','hwije123', () => { //..

반응형