일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 앙버터마카롱
- promise처리
- 운정 소바동
- apolloclient
- 잠실새내
- 도그존
- apollo react native
- graphql with RN
- typescript
- 지보싶 신촌점
- graphql 400
- graphql with reactnative
- 화이트 해커를 위한 웹 해킹의 기술
- 토라비
- graphql mutation error
- 홍대 토라비
- 화이트해커를 위한 웹 해킹의 기술
- 고르드
- promise메서드
- 홍대 예술
- useMutation error
- 금별맥주
- 신촌 소문난집
- 비동기배열
- graphql react native
- 비동기배열처리방법
- graphql
- 홍대 카페 장쌤
- 예쁜술집 예술
- 잠실새내 도그존
- Today
- Total
목록개발/프로젝트 (20)
yehey's 공부 노트 \n ο(=•ω<=)ρ⌒☆
개발 배경 이화여대 멋쟁이 사자처럼 9기의 운영진을 하면서 해커톤도 진행해보고, 세션을 진행하면서 아기사자들에게 개발을 가르침과 동시에 아기사자들의 프로젝트를 도와주는 과정에서 아기사자들의 발전한 모습을 남겨두면 좋을 것 같다는 생각을 했다. 또, 웹 개발과는 거리가 멀었던 10명이 이제는 스스로 기획한 웹 사이트를 개인 프로젝트로 만들며 비전공자도 얼마든지 할 수 있다는 것을 보여주고 싶었기도 하다. 그리고 10기 모집에 앞서 온라인 전시를 기획한다면 멋쟁이 사자처럼이라는 동아리를 홍보할 수 있는 좋은 수단이 될 것이라고 생각했다. 위와 같은 3가지 이유로 3명의 운영진과 1명의 아기사자가 전시를 기획하고 디자인하고 개발하게 되었다. 사용 스택 리액트를 사용해서 모바일 웹으로 구현하기로 하였다. 백엔드..
이번 미션은 백엔드와의 협업에서 필수적인 axios 라이브러리를 사용해서 서버와 통신을 하는 것! 지난 미션보다 페이지 수는 적었고 axios 라이브러리를 사용하는 것을 중요하게 생각하고 배웠던 것 같다. axios 자체는 그렇게 어렵지 않았고 async, await이나 then, catch 과 같이 비동기 개념이 좀 어려웠다. 사실 비동기는 여전히 프론트 개발을 하면서 헷갈리는 경우가 많은데, 그래도 하면 할수록 개념이 잡히고 체화되는게 느껴진다. 그리고 쿠키에 로그인 시에 쓰이는 JWT 토큰을 저장했는데, 받은 코드리뷰 중 하나는 여러 페이지에서 쿠키를 사용하는데, 지금은 App.js 에서 cookie를 생성하고 이를 props를 이용해서 넘겨주지만 context 를 이용하면 굳이 props로 단계단..
이번 세오스 미션은 저번 미션에 이어 채팅 완성하기다. 사실 미션이 끝난지는 한참 됐는데 (5/8..), 미루고 미루다가 세오스가 끝나버린 이 시점에 쓰게 되었다. 지금와서 생각해보면 그렇게 어렵지 않은 미션이었는데, 그때는 그게 그렇게 어렵게 느껴졌다. 이번에도 코드가 더 길어졌기 때문에 깃헙 주소를 남겨놨다. 기능 상으로 이해가 안되는건 지금와서 보면 없어서... 아쉬웠던 점 위주로 적어보려고 한다. 채팅 기록을 로컬스토리지에 저장하지 않아서 채팅창이 계속 비워지는 것 디자인 (지난 번 세션에서 vw,vh 를 알게 되고 그걸로만 만들려고 하다보니 비율이 안맞았다. 반응형이 중요한이유..) 여전히 클린하지 못한 코드와 파일 구조 (변수,함수 명, 파일을 나눈 기준) 재사용성이 떨어지는 코드 (반복되는 ..
이번 세오스 미션은 난이도가 있었다. 그렇다고 이전 미션이 쉬웠다는 뜻은 절대 절대 아님 이전 미션은 코드를 작성하는게 어려웠다면 이번 미션은 react를 사용하는 법과 같은 개념을 이해하는게 힘들었다. react 독학하면서 메신저 만들기... 덕분에 시간 끌지 않고 온전히 react에 집중할 수 있는 시간이었다. 이번 코드는 길기도 하고 파일이 여러개라서 깃헙주소만 남겨놨다. 미션이 기본으로 class형이 아닌 함수형 component를 사용하라고 되어있어서 Hook 도 함께 사용했다. Hook 이해하는게 제일 어려웠고 아직 여전히 이해하지 못한 것 같긴하다. 앞으로 하면서 이해해봐야지 react 공부하고 직접 짜보면서 헷갈렸던 부분이나 남기고 싶은 부분만 부분적으로 정리해보았음! //MessageIn..
처음 작성했던 코드 파일 구성 html 파일 오늘의 할 일 오늘 다 한 일 + CSS 파일 html, body { margin: 0; } @font-face { font-family: 'Cafe24Dangdanghae'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.2/Cafe24Dangdanghae.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'MapoFlowerIsland'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/Ma..
처음에는 Alamofire를 사용하지 않고 따로 함수를 제작했었는데, 이미지 파일을 업로드하는 방법을 도저히 알아낼 수가 없었다.. Alamofire를 사용하려고 하지 않았던 이유는 이미지가 아닌 데이터와 이미지 데이터를 함께 보내고 싶었기 때문! 구글링을 통해 알아낸 Alamofire 이미지 업로드는 이미지만 업로드 하는 예시들만 확인해서 데이터는 같이 못 보낸다고 생각해서 사용하지 않았는데 사진을 꼭 업로드해야했기 때문에 데이터를 같이 업로드 하는 방법을 찾았다. 우선 코드는 다음과 같다! 업로드와 관련 없다고 생각되는 코드들은 생략했음! 그냥 Alamofire 이미지 업로드 방식 이해를 돕는다고 생각하면 될 듯 import UIKit import EmojiPicker import Alamofire ..
참고 자료 https://docs.ncloud.com/ko/naveropenapi_v3/maps/ios-sdk/v3/start.html 설명서 시작하기 네이버 지도 SDK를 사용하기 위해서는 네이버 클라우드 플랫폼에서 클라이언트 ID를 발급받고, 발급받은 ID를 SDK에 지정해야 합니다. 지원 OS 버전 네이버 지도 SDK는 iOS 버전 9 이상에서 docs.ncloud.com Locord 에 사용한 코드 import UIKit import NMapsMap class ViewController: UIViewController { override func viewDidLoad() { super.viewDidLoad() // Do any additional setup after loading the view..
참고자료 :github.com/levantAJ/EmojiPicker levantAJ/EmojiPicker This library to show a popover to select emoji for iOS - levantAJ/EmojiPicker github.com 위 사이트에서 emojiPicker를 pod 해서 사용했다. 직접 만들고 싶었지만 아직 swift 기본이 부족하다고 생각해서ㅠ 실행 화면 예시 해당 사이트에 사용법이나 설정 등이 잘 나와있기 때문에 사용에 어려운 점은 없었다. import EmojiPicker let emojiPickerVC = EmojiPicker.viewController emojiPickerVC.sourceView = view emojiPickerVC.sourceRect ..
우선 날짜를 입력받을 텍스트 필드를 스토리보드에서 가져온다 UIDatePicker 상수를 선언 @IBOutlet weak var dateField: UITextField! let datePicker = UIDatePicker() 그리고 팝업될 datepickerview 함수도 만들어준다. done 버튼도 추가해야함! func createDatePickerView(){ //toolbar 만들기, done 버튼이 들어갈 곳 let toolbar = UIToolBar() toolbar.sizeToFit() //view 스크린에 딱 맞게 사이즈 조정 //버튼 만들기 let doneButton = UIBarButtonItem(barButtonSystemItem: .done, target : nil, action:..
프로젝트 하면서 느낀점 학교에서 진행한 첫 팀프로젝트였다. 아무것도 모르는 채로 시작해서 프로젝트 제안서 형식부터 피드백 엄청 받고 지적도 많이 받았지만 다같이 열심히 노력해서 마무리를 잘해서, 우리 힘으로 만든 귀여운 게임이어서 기억에 오래 남을 것 같다. 지적을 받은만큼 프로젝트 시작을 어떻게 해야하는지, 과정은 어때야 하는지 많이 배웠다. 앞으로 다른 프로젝트 할 때 많은 도움이 될 것 같다. 소스코드 및 실행 방법 우리는 putty 리눅스에서 실행파일을 만들었다. (수업시간에 이 방법 말고는 배운 것이 없었다. 기회가 된다면 진짜 프로그램 만들고 싶다.) vi editor를 이용해서 코드를 입력해주고 헤더 파일, 텍스트 파일 등을 제외한 .c파일들을 함께 컴파일 해주었다. client 파일은 따로..