일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 예쁜술집 예술
- 홍대 카페 장쌤
- graphql with RN
- 비동기배열
- promise메서드
- graphql mutation error
- graphql 400
- 도그존
- 고르드
- graphql with reactnative
- 화이트 해커를 위한 웹 해킹의 기술
- graphql react native
- useMutation error
- promise처리
- 토라비
- 지보싶 신촌점
- 금별맥주
- graphql
- 신촌 소문난집
- apolloclient
- 비동기배열처리방법
- 홍대 토라비
- 앙버터마카롱
- 화이트해커를 위한 웹 해킹의 기술
- 잠실새내 도그존
- 잠실새내
- apollo react native
- typescript
- 운정 소바동
- 홍대 예술
- Today
- Total
목록분류 전체보기 (150)
yehey's 공부 노트 \n ο(=•ω<=)ρ⌒☆
golang으로 request 보내기 request, err:= http.NewRequest("METHOD","URL",body io.Reader) if err!=nil{ fmt.Println(err) return err } //이후에 Request를 더 커스텀 할 수 있음 request.Header.Set("KEY","Value") //request 전송, 응답 확인 client:=&http.Client{} response,err:=client.Do(request) if err!=nil{ fmt.Println(err) return err } defer response.Body.Close() //응답 데이터 일반 string 출력 data,err:=ioutil.ReadAll(response.Body) i..
개발 배경 이화여대 멋쟁이 사자처럼 9기의 운영진을 하면서 해커톤도 진행해보고, 세션을 진행하면서 아기사자들에게 개발을 가르침과 동시에 아기사자들의 프로젝트를 도와주는 과정에서 아기사자들의 발전한 모습을 남겨두면 좋을 것 같다는 생각을 했다. 또, 웹 개발과는 거리가 멀었던 10명이 이제는 스스로 기획한 웹 사이트를 개인 프로젝트로 만들며 비전공자도 얼마든지 할 수 있다는 것을 보여주고 싶었기도 하다. 그리고 10기 모집에 앞서 온라인 전시를 기획한다면 멋쟁이 사자처럼이라는 동아리를 홍보할 수 있는 좋은 수단이 될 것이라고 생각했다. 위와 같은 3가지 이유로 3명의 운영진과 1명의 아기사자가 전시를 기획하고 디자인하고 개발하게 되었다. 사용 스택 리액트를 사용해서 모바일 웹으로 구현하기로 하였다. 백엔드..
react에서는 restful api를 주로 사용했기 때문에 graphql을 사용해서 프로젝트를 하는건 처음이고 그래서 이리저리 애를 많이 먹었다. useQuery의 경우에는 며칠 에러가 났었는데 provider를 전역으로 사용했더니 이상하게 문제가 발생하지 않았고 useMutation이 오늘 다뤄볼 에러,,, 아무리 시도를 하고 playground에서 테스트를 해봐도 잘 돌아가는 코드가 react native에서만 돌아가지를 않았다. 답답답답 원래 코드 위처럼 뮤테이션 코드를 작성했고 반환은 String이었기 때문에 따로 추가할 게 없었다. 이렇게 그대로 playground에서 테스트하면 진짜 잘되었는데... error는 submission error로 400코드가 떴음 아무리 찾아도 오류가 없어서 이..
React Native ios 개발을 하던 중 @react-navigation/native 와 같은 navigation 패키지를 다운받아 실행하려 하는데 다음과 같은 에러가 발생했다. ERROR Invariant Violation: requireNativeComponent: "RNSScreenStackHeaderConfig" was not found in the UIManager. RNSScreenStackHeaderConfig 를 UIManager에서 찾을 수 없다는 에러였고, pod install을 해도 해결이 되지 않았다. import React from 'react'; import {NavigationContainer} from '@react-navigation/native'; import {cr..
오늘의 에러 javascript 정확히 말하면 typescript 프로젝트를 진행하던 중 만나서 시간을 좀 많이 투자한 에러다. 특정 배열을 map 을 이용해서 새로운 배열로 생성했는데, map 안에서 비동기 함수를 사용했고 그 비동기 함수의 반환으로 이루어진 배열이 내가 필요해하던 배열이었다. 그런데 나는 값이 필요하지, Promise 들이 필요한건 아니었다. 근데 promise pending, 즉 초기상태로 아직 이행중이거나 시작을 하지 않아서 값이 없는 상태로 여기에 이제 값을 넣을거라는 약속 Promise를 주는 것이었다. 그래서 첫번째로 내가 await 해야하는 어딘가에 await을 하지 않은건가 라는 합리적인 의심을 하며 시간을 계속 보냈다. 진작 구글링을 이때부터 했어야했는데 이곳 저곳 aw..
이번 미션은 백엔드와의 협업에서 필수적인 axios 라이브러리를 사용해서 서버와 통신을 하는 것! 지난 미션보다 페이지 수는 적었고 axios 라이브러리를 사용하는 것을 중요하게 생각하고 배웠던 것 같다. axios 자체는 그렇게 어렵지 않았고 async, await이나 then, catch 과 같이 비동기 개념이 좀 어려웠다. 사실 비동기는 여전히 프론트 개발을 하면서 헷갈리는 경우가 많은데, 그래도 하면 할수록 개념이 잡히고 체화되는게 느껴진다. 그리고 쿠키에 로그인 시에 쓰이는 JWT 토큰을 저장했는데, 받은 코드리뷰 중 하나는 여러 페이지에서 쿠키를 사용하는데, 지금은 App.js 에서 cookie를 생성하고 이를 props를 이용해서 넘겨주지만 context 를 이용하면 굳이 props로 단계단..
이번 세오스 미션은 저번 미션에 이어 채팅 완성하기다. 사실 미션이 끝난지는 한참 됐는데 (5/8..), 미루고 미루다가 세오스가 끝나버린 이 시점에 쓰게 되었다. 지금와서 생각해보면 그렇게 어렵지 않은 미션이었는데, 그때는 그게 그렇게 어렵게 느껴졌다. 이번에도 코드가 더 길어졌기 때문에 깃헙 주소를 남겨놨다. 기능 상으로 이해가 안되는건 지금와서 보면 없어서... 아쉬웠던 점 위주로 적어보려고 한다. 채팅 기록을 로컬스토리지에 저장하지 않아서 채팅창이 계속 비워지는 것 디자인 (지난 번 세션에서 vw,vh 를 알게 되고 그걸로만 만들려고 하다보니 비율이 안맞았다. 반응형이 중요한이유..) 여전히 클린하지 못한 코드와 파일 구조 (변수,함수 명, 파일을 나눈 기준) 재사용성이 떨어지는 코드 (반복되는 ..
https://www.acmicpc.net/problem/16198 16198번: 에너지 모으기 N개의 에너지 구슬이 일렬로 놓여져 있고, 에너지 구슬을 이용해서 에너지를 모으려고 한다. i번째 에너지 구슬의 무게는 Wi이고, 에너지를 모으는 방법은 다음과 같으며, 반복해서 사용할 수 있 www.acmicpc.net 알고리즘 분류: 브루트포스, 백트래킹, 재귀 백준 알고리즘 풀면서 항상 느끼는거지만 입력 형식, 출력 형식 맞추는거 너무 힘들다ㅠ 시간이 지나면 익숙해지겠지 이번 문제는 브루트 포스, 재귀를 이용해서 해결했다. 브루트포스와 백트래킹 알고리즘에 대해서 스터디를 진행했지만 백트래킹은 구분이 잘 가지 않는다. 언젠간..문제를 풀다보면..이해가 가고 구분이 가겠지.. 정답 코드 설명 s는 입력받을 ..
이번 세오스 미션은 난이도가 있었다. 그렇다고 이전 미션이 쉬웠다는 뜻은 절대 절대 아님 이전 미션은 코드를 작성하는게 어려웠다면 이번 미션은 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..