본문 바로가기

전체 글37

jira는 여러명에게 업무를 assign할때만 효용이 있다!! 효율적인 업무방식을 늘 고민하는 자동화충으로서 어떤 툴을 써야 업무 생산성이 높아질 것인가가 늘 고민이었다. 아카이빙용 구글 드라이브와 커뮤니케이션용 슬랙은 기본으로 쓰는 것인데(대부분의 스타트업이 그렇지 않을까), 슬랙의 단점은 채팅에는 좋지만 1) 업무를 한눈에 조망하거나 2) 진행중이거나 완료된 것 등 진행단계 파악이 어려웠고 3) 무엇보다 우선순위 파악이 어렵다는 점이었다. 우선순위 파악은, 신입이 들어왔을 때는 특히나 어려워하는 부분인데, 중요도와 시급정도, 마감일정은 기본적으로 눈치와 센스 및 짬밥이 있어야 어느정도 파악이 가능하기 때문이었다. 처음에는 trello를 써보았는데, 팀원들은 슬랙을 나가는 것 자체를 불편해했다. 툴이 3개인 것도 인지의 부하를 주는데, 그 툴이 자연스럽게 슬랙과 .. 2022. 10. 4.
map을 이용해서 json data를 화면에 뿌려주기!! array.map(callbackFunction(currenValue, index, array), thisArg) 이와 같은 방식으로 사용하며 아래와 같은 방식으로 array 안에 있는 각각의 값에 접근해서 function을 실행한다. {loading ? Loading... : movies.map((movie) => {movie.title} {movie.summary} {movie.genres.map((g) => ({g}))} )} 2022. 10. 3.
react로 api 호출해서 화면에 표시하기!! useEffect와 useState를 이용해서 api 호출해 화면에 표시한다. useState를 통해 loading의 상태를 업데이트하고, movies의 목록 상태를 업데이트한다. async await를 통해 특정 api url의 response를 json을 가져오고 그것을 setMovies에 넣어준다. movies.map을 통해 화면에 가져온 데이터에서 title을 화면에 뿌려준다. import { useEffect, useState } from "react"; function App() { const [loading, setLoading] = useState(true); const [movies, setMovies] = useState([]) const getMovies = async() => { c.. 2022. 10. 3.
react의 useEffect는 api call 할 때 많이 사용!! 코인 정보를 가져올 때 우선 useState는 로딩, 로딩후 상태 업데이트에 사용하고 true-> false 또한 코인 상태를 저장하는 것에 사용한다. [] -> [코인 값 json] 그리고 useEffect는 코인 api를 fetch한 다음에 setLoading을 false로 바꿔준다. 그리고 html에는 각 coin의 목록을 li에 넣어준다. import { useEffect, useState } from "react"; function App() { const [loading, setLoading] = useState(true); const [coins, setCoins] = useState([]) useEffect(() => { fetch("https://api.coinpaprika.com/v1/.. 2022. 9. 26.

티스토리툴바