본문 바로가기

분류 전체보기

[sketch] 채팅앱 디자인 #2 - 리스트뷰화면 구현 만들어볼 내용 아까와 같이 a버튼 누르고 iphone7 화면을 만들어준다. 네이밍을 잘하자... 상단 네비게이션 상단 루트네비게이션을 만든 후 아까 색상 그대로 해주자. title 넣어주기 대부분 만드는 UI들이 위와같이 UI Design template을 통해 바로 가져와 사용가능하다. listView 상단의 header 부분을 복사한 후 아래에 복사해준다 fill은 없애고 가늠을 위해서만 사용 구분선을 만들고 얼굴 사진이 들어갈 placeholder 이름부분을 넣어주고 아래 채팅내용 미리보기를 위한 텍스트는 두께를 줄이고 색상을 조금 더 옅게 시간부분 추가 대략적인 모습이 완성되었다. 이제 listView를 여러개 복사해야하는데 일일이하면 귀찮아지니 플러그인을 설치하자.https://www.invis.. 더보기
[sketch] 채팅앱 디자인 #1 - 로그인페이지 완성예시 로그인화면 만들기 새 프로젝트를 만든 후 a버튼을 눌러 iphone7을 선택합니다. 배경을 주황색으로왼쪽 insert -> shape -> rectangle후사각형을 만들어 준 후 radius 25, height 50으로 설정하여줍니다. border를 제거 후 배경을 흰색 shadow를 넣어준 후 placeholder용도의 text 텍스트를 채워 준 후 두개를 동시선택 가운대로 맞추어주자. 소셜미디어버튼 흰색선을 두개 만들어줍니다. input용 그리드정리 로고부분용 텍스트와 데코내용 Oval 선택 왼쪽 두개 원 선택 후 union 버튼 cmd + g로 그룹화 한 후상단 2개를 선택해 준 후 union을 눌러주자border를 없애준 후 opacity를 0.5로 수정t단축키를 눌러 텍스트를 입력해 .. 더보기
[AWS] nodejs + Lambda + dynamodb 를 통해 데이터 가져와서 저장하기 [AWS] nodejs + Lambda + dynamodb 를 통해 데이터 가져와서 저장하기 사용할려고 하는 API가 한달에 1000건의 데이터만 허용을 하지않아 데이터를 서버에 가지고있을 필요가 생겼습니다. 그래서 lambda를 통해 데이터를 매시간 요청한 뒤 dynamodb에 저장하고자 하였습니다. 권한생성 시작에 앞서 IAM으로 들어가줍니다. role 선택 그 후 create role 버튼을 누르면 아래와 같은 화면이 나옵니다. 사용할려는 lambda클릭 그 후 dyna를 검색 후 dynamoDB Full Access권할을 줍니다. dynamoDB 생성 테이블 이름을 정해줍니다. 기본키의 경우 mongodb에서 objectID의 역활을 하는 기본키입니다. 테이블을 생성합니다. lambda생성 내용이.. 더보기