반응형 ♪511 [부산] 할매 재첩국, 부산의 명품 1950년 구포에서 시원한 국물, 할매 재첩국 부산의 유명한 맛집 중 하나인 할매 재첩국 본점을 방문했다. 광안리 해수욕장 바로 옆에 있어 찾아가는 데는 어렵지 않다. 1950년 구포에서 시작했다고 한다. 거의 60년 이상 유지되고 있다. 이렇게 한 음식을 수 십년동안 대를 이어 판매하는 곳을 보면 신기하기도 하지만 존경스럽기도 하다. 방문하기 전에 재첩과 조개가 다른건가? 싶어 찾아봤다. 재첩(marsh clam) : 모래가 많은 진흙 바닥에서 서식하는 백합목 재첩과 민물조개. 보기에는 조그맣고 볼품없어 보여도 단백질 함량이 100g당 12.5g. (같은 무게의 두부 속 단백질 함량이 약 9g). 메티오닌과 타우린 등 몸에 좋은 아미노산이 많이 함유되어 있다. '입추'전의 재첩은 간장약이라고 불리기도 한다. 이렇게 몸에 .. 2021. 9. 21. [부산] Cafe voisin 카페 부아장 이웃사람, Cafe voisin 부산 수영구 민락동에 위치해 있는 카페 부아장. 프랑스어로 이웃이라는 뜻 이라고 한다. 카페 이름에 알맞게 '이런 곳에 이런 카페가?' 라는 생각이 드는 위치에 자리 잡고 있다. 매주 화요일 정기휴무라고 한다. 목욕탕 표시는 왜 있을까? 싶었다. 기존에 목욕탕 자리잡은 곳에 카페를 만들어서 그런게 아닐까? 라고 혼자 추측해봤다. 카페 오렌지 & 그린 톤으로 인테리어가 너무 마음에 들었다. 방문한 날 당시에는 비가 주르륵 내리는 날이었는데, 이런 날 통유리 앞 잔잔한 카페는 언제나 옳다. 오픈한지 얼마 되지 않았고 번화가에서 어느 정도 떨어진 위치에 자리잡고 있기 때문에 사람들이 많이 없었다. 이 점이 너무 마음에 들었다. 하지만 이 게 끝이 아니라는 점. 디저트와 음료가 .. 2021. 9. 21. [울산] AOP, 울산 간절곶 카페 울산 간절곶은 바다 앞 관광지로 유명하다. 유명한 만큼 수 많은 관광객들이 방문하고 그들을 위한 개성 넘치는 카페들이 많아 어디를 가야 할지 고민하게 만드는 곳이다. 그 중 최근에 생긴, 그래서 개성 넘치는 곳 AOP를 방문했다. 새로 지은 건물답게 심플하다. 큰 건물 하나를 사용하고 주차장도 약 50대 정도 자리가 있는 것 같다. 하지만 방문했을 당시 사람이 너무 많아 주차장에 공간이 없어 주차장 입구에서 자리가 날 때까지 기다려야 했다. 여기서 부터 조금 불안했지만 오늘이 아니면 또 언제 방문할 지 알 수 없어 기다렸다 들어가기로 했다. 판매하는 디저트류. 카페 크기에 비해 갯수가 많지는 않다. 케익류는 카운터쪽에 위치해있고 빵종류는 카운터 앞에 진열되어 있다. 어떤 디저트를 먹을까 고민하다가 4개를.. 2021. 9. 19. [NPM] install시 --save 뜻 npm를 통해 패키지를 인스톨 할 때 옵션으로 --save를 붙일 때 가 있어, 궁금해서 찾아봤다. npm install package npm install --save package --save가 없으면 node_modules에 설치를 하고 --save가 있으면 package.json의 dependecies에 추가가 된다. 이에 따라 다음에 프로젝트를 다운받은 후 npm install을 하게 되면 함께 설치가 된다. 협업을 할 때 새롭게 설치한 필요한 필수 모듈의 경우 --save를 붙여 진행하는 것이 좋다고 한다. https://stackoverflow.com/questions/35513712/is-npm-install-the-same-as-npm-install-save 2021. 9. 15. [JS] 프로그래머스 오픈채팅방 https://programmers.co.kr/learn/courses/30/lessons/42888 코딩테스트 연습 - 오픈채팅방 오픈채팅방 카카오톡 오픈채팅방에서는 친구가 아닌 사람들과 대화를 할 수 있는데, 본래 닉네임이 아닌 가상의 닉네임을 사용하여 채팅방에 들어갈 수 있다. 신입사원인 김크루는 카카오톡 오 programmers.co.kr 해결 방안 구상 1. Enter와 Leave 구별 / id & nickname 구별하기 2. Enter와 Leave에 따라서 알람문구 설정해서 출력하기 오답 내가 생각한 해결방안대로 진행하기 위해 우선 "enter id nickname"을 나누기위해 split(' ')을 사용했다. 그 다음 id와 nickname도 받아왔다. a = ['b', 'c'] {b: c.. 2021. 9. 14. [NPM] permission denied error 공부를 하기위해 사전 프로그램을 설치하는 것도 정말 큰 일이다 :) typescript를 설치하기 위해 고생했는데, 끝이 아니었다. typescript를 편하게 사용하기 위해 필수 프로그램인 ts-node설치도 안돼 해결방법을 열심히 찾은 후 정리한다. 에러내용을 살펴보니 설치 경로에 대한 권한이 없다고 한다. 원인은 여러가지가 있겠지만 npm, brew, node 같은 경우 'sudo'로 설치하면 발생한다고 한다. 해결 방법은 2가지가 있다고 한다. root 되어있는 디렉토리 권한을 모든 User 그룹의 권한으로 변경. npm install -g 로 설치되는 디렉토리 경로를 자신의 home directory로 변경. 그 중에 실행한 방법은 2번 첫 번째, mkdir ~/.npm-global (설치되어 .. 2021. 9. 12. [판교] New Origin, 건강한 카페 여기 한약방 아니고 카페 맞죠...? 현대백화점에 카페가 많지 않기 때문에 선택할 수 있는 폭이 좁다. 그렇기에 자리있으면 보이는 카페에 들어갔는데 더 앨리인 줄 들어갔다가 놀란 곳 New Origin 판교 현대백화점 5층 CGV 있는 곳에 위치해 있다. 자리를 발견해 우선 앉고 메뉴를 고르러 갔는데 메뉴판을 보는 순간 당혹감이 밀려왔다. 여기 분명히 카페인데 녹용이요..? 홍삼이요..? 거기다가 부스터 티 등 한약재로 사용되는 재료를 사용하여 음료로 판매하고 있었다. 물론 이 외에도 기본적은 카페 음료, 커피류 라든지 티 종류라든지. 선택지가 아예 없진 않았다. 더 앨리가 아닌건 알겠는데 여기가 뭐하는 곳인가라는 의문도 잠시 친절히 설명을 해주는 영상을 보고 이 카페의 존재에 대해 이해 할 수 있었다... 2021. 9. 12. [TS] zsh: command not found: tsc TypeScript 공부를 위해 설치를 진행했다. npm install -g typescirpt 를 입력해 설치한 후 확인하기 위해 tsc -v 를 입력하였지만 나오는 것은 ...? 왜 안돼요...? 안 될때는 삭제 후 재설치지. uninstall하고 다시 설치했지만 역시나 안된다. 시작이 반이라는 말은 시작이 어려워서 그렇구나 ^^.. 라고 깨닫게 되는 순간. npm으로 안되면 yarn으로 해야지! 라고 생각하고 yarn global add typescript를 했지만.... but no dice. 🧚🏻♀️ yarn은 global 설정을 yarn 바로 뒤에 해줘야 한다! 결국 찾은 해결 방법은 brew install typescript npm i typescript -g yarn global add .. 2021. 9. 12. [GIT] git-pages 404 error gh-pages를 사용하였는데 갑자기 404에러가 발생해 고생했다. 분명히 몇 일 전까지만 해도 잘 사용했는데 갑자기 에러가 발생하니 당황 스러울 밖에. 해결법을 찾았는 너무 간단한다. git commit --allow-empty -m "Trigger rebuild" git push git push 빈 커밋을 통해 rebuild하는 것 같은데 왜 이걸로 문제가 해결되는는 까지는 확인하지 못했다. 심오한 git 세계,,,,😇 https://stackoverflow.com/questions/11577147/how-to-fix-http-404-on-github-pages/45907768#45907768 How to fix HTTP 404 on Github Pages? Here is my GitHub repos.. 2021. 9. 11. [서면] 도코: 도시농가코페 CITY FARM HOUSE CAFE 도심속에 농가, 부산속에 일본 부산 부산진구 중앙대로 666번길 17 시연빌딩 1층 평일 10:00 ~ 21 : 00 주말 11: 00 ~ 21 : 00 부산 서면에 위치해 있는 도코. 처음에는 도코데쓰까의 도코인 줄 알았지만 도시농가코페의 약자였다. 커피를 코피로 발음하는 일본 사람들의 발음을 따온 걸 보면 일본과 관련이 있겠다 싶었다. 도심 속의 농가, 도심 속의 coffee shop 택시를 타고 도착지에 내렸을때는 도심 속 한가운데였다. '여기에 농가가 있다고? 초록색이 하나도 안 보이는데?'라고 생각을 하며 지도를 보며 찾는 도 중, 얼핏 보면 그냥 지나칠 좁은 골목 앞에 놓인 간판을 볼 수 있었다. 일본 느낌 물씬 나는 간판 및 글씨 폰트. 일본 방문한 지 몇 년이 흘렀을까. 잠시 추억 속에 잠.. 2021. 9. 11. [JS] 배열을 객체로 배열을 객체로 변환시켜야 하는 방법 const array = [ 'apple', 'banana', 'lemon' ] 1. Object.assign( { } , array ); 객체를 복사하거나, 객체끼리 합하는데 사용 되기도 한다. 배열을 객체로 변환시킨 원리도 { } 빈 객체에, array를 객체로 변환시켜 더했다 생각하면 된다. 객체에서 중복된 값이 있다면 덮어 씌운다. a : 1이 a : 6으로 변경된 것을 알 수 있다. 2. array.reduce( (target, key, index) => { target[index] = key ; return target }, { } ) reduce( ) 메서드는 워낙 중요한 메서드 이기 때문에 추후 따로 정리해야겠다. 3. { ...array } 스프레드 연.. 2021. 9. 10. [REACT] TypeError: Cannot read property 'map' of undefined 해결하기 React에서 리스트를 받아올 때 자주쓰는 구조로 state.map()을 사용하다 발생한 오류를 해결하지 못해 직접 찾아보고 찾은 답을 정리한다. 왜....도대체 왜..안되는걸까?? 한참 고민하다 발견한 답 React 는 렌더링이 화면에 커밋 된 후에야 모든 효과를 실행하기 때문이다. 즉 React는 return에서 state.map(...)을 반복실행할 때 첫 턴에 데이터가 아직 안들어와도 렌더링이 실행되며 당연히 그 데이터는 undefined로 정의되어 오류가 나는 것 즉 첫번째 값이 없기 때문에 생기는 오류이다. 해결방법은 2가지이다. 1. && state && state.map()구조로 사용하기. JavaScript에서 true && expression은 항상 expression으로 실행되고 fa.. 2021. 9. 9. [도곡동] 리베르떼 Liberte, 프렌치 코스요리 도곡동에 위치한 Liberte. 점심 코스 / 저녁 코스를 운영하는 레스토랑으로 프렌치 요리를 즐길 수 있는 레스토랑이다. 미슐랭 쓰리스타는 아니지만 숨겨진 맛집이 아닌, 많은 사람들이 이용하고 있는 프렌치 레스토랑 셰프 : 이우규 주소 : 논현로 26길 55 1층 런치 : 12:00 ~ 15:00 / 디너 : 18:00 ~ 22:00 가격 : 런치 30,000원 / 디너 85,000원 네이버 예약으로 예약이 가능하고 예약금은 따로 없다. Liberte는 프렌치 레스토랑 답게 불어고 뜻은 '자유'라고 한다. 고객들에게 자유롭게 프렌치를 즐길 수 있도록 제공하기 위해서 라는데 가격대를 보면 납득이 가는 네이밍이다. 주소를 찾아가면 1층과 지하1층 사이라고해야할까? 중간에 위치해있다. 런치 코스로 나온 음식.. 2021. 9. 9. [JS] 프로그래머스 프린터 문제 https://programmers.co.kr/learn/courses/30/lessons/42587 코딩테스트 연습 - 프린터 일반적인 프린터는 인쇄 요청이 들어온 순서대로 인쇄합니다. 그렇기 때문에 중요한 문서가 나중에 인쇄될 수 있습니다. 이런 문제를 보완하기 위해 중요도가 높은 문서를 먼저 인쇄하는 프린 programmers.co.kr 해결 방안 구상 priorities의 첫 번째 인자를 추출해 나머지 인자들과 비교한다 큰 숫자가 있다면 뒤로 보낸다, 큰 숫자가 없다면 제거한 후 answer에다 +1을 더한다. 지정한 차례가 온다면 answer를 return 한다. 해결 답안 🧚🏻♀️ while 반복문이 익숙하지 않아서 for를 이용해 해결하려해서 시간을 많이 소비했다. 반복문을 for만 .. 2021. 9. 9. [JS] map()에 관하여 map()에 대해 더 자세히 알아야 겠다는 생각이 들어 정리하기! array.map(callbackFunction(currenValue, index, array), thisArg) callbackFunction , thisArg 두 개의 매개 변수, callbackFunction은 currenValue, index, array 세 개의 매개 변수. currentValue : 처리할 현재 요소 index Optional : 처리할 현재 요소의 인덱스 array Optional : map()을 호출한 배열 thisArg Optional : callback을 실행할 때 this로 사용되는 값. 제곱근 구하기 let nums = [4, 9, 16, 25]; let result = nums.map(Math.sqr.. 2021. 9. 6. [JS] 프로그래머스 기능 개발, 그리고 map() https://programmers.co.kr/learn/courses/30/lessons/42586 코딩테스트 연습 - 기능개발 프로그래머스 팀에서는 기능 개선 작업을 수행 중입니다. 각 기능은 진도가 100%일 때 서비스에 반영할 수 있습니다. 또, 각 기능의 개발속도는 모두 다르기 때문에 뒤에 있는 기능이 앞에 있는 programmers.co.kr 해결 방안 구상 1. 완결 되는 100을 선언한 다음 progresse를 각각 빼서 speed로 나눠 올림한다 (Math.ceil) 2. 구한 소요일을 비교하여 답을 구한다. 1번을 구하기위해 for 반복문을 2번 돌렸다. 첫 번째는 100 - progresses[i]를 구하기 위해. 두 번째로는 첫 번째 구한 값을 speeds[i]로 나누기 위해. 2번.. 2021. 9. 6. [판교] 비앙또아 BIENTOI 브런치카페 판교 아비뉴프랑에 새로 생긴 비앙또아 (BIENTOI) 브런치카페. 브런치 카페가 많지 않은 판교였는데 이렇게 하나 좋은 가게가 생겨서 반갑다🤚🏻. 비앙또아 간판. 에비뉴프랑 입구 커피빈 맞은편에 있다. 도입 부여서 찾기 쉽다. 비앙또아 = 좋은 당신 메뉴는 브런치 카페답게 브런치 메뉴로만 구성되어 있다. 이것 저것 여러음식들을 파는 것보다 딱 한정된 음식을 파는 집들이 믿음이 가는 법. 다만 고기류가 없어서 아쉬웠다. 브런치카페를 찾아 갔기 때문에 고기를 크게 원했던 건 아니지만, 그래도 소시지 하나 정도는 괜찮잖아요....😿 영국에서 게스트하우스에서 매일 무료아침으로 줬던 저렴한 english breakfast도 소시지 하나로 맛있게 먹던 나였는데. english breakfast 비슷한 음식들을 먹.. 2021. 9. 5. [REACT] Font 적용하기 🧚♀️ 터미널에 해당 경로를 열어 npm install --save styled-components 를 입력해 설치해놓을 것 REACT에 FONT 적용하기 FONT를 적용하는 방법으로 두 가지 방법이 있다. CDN (Content delivery network 콘텐츠 전송 네트워크) LOCAL 1. CDN Index.html 사이에 link를 삽입하여 사용하면 된다. 사용하기 편하다는 장점이 있지만, 개인 프로젝트나 소규모에서는 상관 없지만 프로젝트 규모가 커질 수록 속도를 저하시키는 단점이 있다. 2. LOCAL FONT파일을 다운받아 사용하는 방법으로, CDN에 이용하여 사용하는 것보다 번거롭지만, 속도면에서 장점이 있다. 우선 src/styles/fonts 폴더를 생성한다. font를 다운바다 f.. 2021. 9. 5. [REACT] React Router를 이용하여 페이지 전환 하기 페이지에서 페이지로 이동하기 위해서는 React Router를 사용하면 된다. 터미널에서 프로젝트 폴더에 들어가 yarn add react-router-dom react-router-dom을 설치한 후 컴포넌트가 모여있는 app으로 이동하여 화면전환 경로를 만들어 주면 된다. BrowserRouter -> Switch -> Route순으로 경로를 작성해 준다. Route에 path를 입력하여 주소를 생성한다. (exact를 넣어주어여 정확한 값에 주소가 이동된다) 이동시킬 컴포넌트를 Route안에 묶어 페이지를 구현한다. 이 후 useHistory Hook을 이용하여 사이트 이동 주소 함수를 구현한다. goToNote라는 함수안에 history.push로 이동할 주소값 및 데이터를 입력하였다. 2021. 8. 31. [JS] 숫자 야구 게임 [2] 숫자 야구 게임 [1]에 정답이 되는 4개의 임의 숫자를 만들었다. 이 후 각 4개의 숫자를 입력하여 같은 자리에 같은 숫자가 오면 STRIKE, 정답에 들어있는 숫자는 같지만 위치가 다르면 BALL을 반환하는 함수를 구현해봤다. 정답을 question / 시도한 답을 test로 받고, 각 숫자의 위치를 비교하기 위해 문자와 숫자를 배열로 변환시켜 진행했다. test의 경우 숫자로 진행하면 0이 처음왔을때 생략되는 경우를 막기위해 문자로 변환시켰다. String으로 문자로 변환 후 spilt('')를 사용하여 각 숫자별로 문자열로 반환 이 후 반목문을 돌려 각 자리수끼리 비교하여 같은면 strike의 위치로 넣어주고 ballFiter에 strike된 숫자를 test에서 제외 시켜줄 수 있도록 filter.. 2021. 8. 31. [JS] 숫자 야구 게임 [1] 코딩 테스트 문제로 야구 숫자 게임 맞추기의 난이도가 나왔다는 얘기를 듣고 해 봐야겠다는 생각이 문득 들었다. 이렇게 하면 되겠다는 생각을 가지고 실행했지만 생각보다 난이도가 있어 정리하는 시간을 갖게 됐다. 처리하는 과정은 다음과 같이 생각했다. 정답으로 임의의 숫자를 생성한다 -> 정답과 추측 값의 각 자릿수를 비교하여 STRIKE의 개수를 구한다 -> STRIKE 된 숫자를 제외하고 남은 숫자들을 위치와 상관없이 비교하여 BALL의 개수를 구한다 -> 반복 후 4 STRIKE이면 게임 종료 임의의 4자리 숫자 정답을 만들어보자. console.log를 통해 임의의 값을 나오는 것을 확인했다. Number는 랜덤의 숫자가 정답으로 들어갈 때 중복되지 않게 하기 위해 마련한 장치이다. 입력되는 값이 0.. 2021. 8. 30. [JS] 임의의 숫자 생성하기 Math.random() 0 ~ 1 사이의 무작위 수를 생성해준다. ex) 0.XXXXXXXXXXXXXXXXXX Math.floor() 숫자를 정수로 변환시켜 준다. 이 두개를 사용하여 Math.floor(Math.random()*10) 을 하게되면 0~9 까지의 임의의 정수를 얻을 수 있다. ( parseInt(Math.random()*10)와 같다 ) [JS] parseFloat() & parseInt() parseFloat(value) : 문자열을 실수로 변경 매개 변수 value : 변환할 값 반환 값 주어진 값에서 부석한 부동소수점 수. 분석할 수 없으면 NaN 숫자로 변경될 수 없는 문자가 들어가있으면 NaN을 반환한다. hyoe-it.tistory.com 0 이상 N 이하인 값을 뽑아내고 싶.. 2021. 8. 30. [JS] parseFloat() & parseInt() parseFloat(value) : 문자열을 실수로 변경 매개 변수 value : 변환할 값 반환 값 주어진 값에서 부석한 부동소수점 수. 분석할 수 없으면 NaN 숫자로 변경될 수 없는 문자가 들어가있으면 NaN을 반환한다. parseInt(string, radix): 문자열을 정수로 변경 매개 변수 string : 분석할 값. 문자열이 아니면 문자열로 변환(ToString 사용). radix : (선택) 2 ~ 36 진수 2021. 8. 30. [REACT] Firebase 연동 및 사용하기 [1] Firebase란? 서버를 개발하기 위해서는 인증, 데이터베이스, 푸시 알람, 스토리지, API등 여러 백엔드 요소적을 개발해야 한다. 하지만 앱 개발마다 매번 이런 과정을 진행하기에는 많은 시간이 소요된다. Firsebase는 이런 플랫폼을 프로젝트 구축 시 자동적으로 만들어주는 BaaS(Backend as a Service). 즉 Firsebase로 쉽게 백엔드를 구현하여 프로젝트를 작동할 수 있게된다. 다음은 Firebase에서 제공하는 주요서비스이다. - Firebase React에 설치하기 사용할 react폴더를 경로로 설정한 다음 yarn add firebase로 추가해주면 간단히 설치된다. 2021. 8. 29. [REACT] REACT-Icons 사용하기 Javascript에서 Icon을 사용 하는 것 보다 React에서는 훨씬 쉽게 Icon을 사용할 수 있다. yarn add react-icons 터미널에서 지정경로에 리액트 아이콘을 설치해준다. 다음 아래 사이트에 접속한다 https://react-icons.netlify.com/#/ React Icons React Icons Include popular icons in your React projects easily with react-icons, which utilizes ES6 imports that allows you to include only the icons that your project is using. Installation (for standard modern project) npm.. 2021. 8. 26. [GIT] ! [rejected] main -> main (fetch first) Git Repository에 새로 commit후 push를 하려하니 오류가 발생했다. 왜 또 reject됐을까... 열심히 찾아보다가 방법을 발견했다. 찾아보니 push를 진행하게 되면 기존 데이터에 문제가 발생할 수 있어 보호 차원에서 막는 것이라고 한다. 따라서 인위적으로 push를 진행해주면 된다. git push origin +branch(branch 이름을 기입해주면 된다) 2021. 8. 25. [REACT] Uncaught Error: Objects are not --- valid as a React child (found: object with keys {current}). If you meant to render a collection of children, use an array instead. React 오류 따라잡기 사건의 발달 To do list 를 React로 만드는 중, 할 일을 입력한 후 버튼을 누르면 useState를 사용하여 내용을 업데이트 하려 했다. addRef는 input의 현재 상태 값을 확인하기위해 useRef Hook을 사용하여 입력한 상황. 예상대로라면 addRef의 값이 업로드 되어야 하는데, 버튼을 누르면 홈페이지에는 경고창이 없이 하얀 페이지만 나오는 상황. console창에 들어가 경고를 확인 해보니 Uncaught Error: Objects are not --- valid as a React child (found: object with keys {current}). If you meant to render a collection of children, use.. 2021. 8. 25. [GIT] branch 생성 & 사용하기 깃허브를 사용하면서 계속 반복해서 실수해 정리하는 branch 사용법 branch란? 개발자들이 동일한 소스코드를 추가 작업함에 있어, 동시에 다양한 사람들이 접근해 개발할 수 있도록 하기 위해 만들어진 기능이다. 각자 branch를 만들어 나무가지 처럼 뻗어나가 원하는 방향으로 개발해 나갈 수 있다. branch 확인하는 법 git branch 라는 명령어로 확인이 가능하다. 현재 main branch에 위치해 있다. 자주 사용하는 git status 명령어로도 확인 가능하다. On branch main이라는 답을 통해 main branch위에 있는 것을 확인 할 수 있다. git branch -r 을 통해 원격 저장소의 브랜치를 확인 할 수 있다. git branch -v 을 통해 브랜치의 마지막 커.. 2021. 8. 25. [REACT] 글씨 타이핑 효과 내기 리액트에서 글씨 타이핑 효과 내기 위에 처럼 타이핑 효과를 Javascript 또는 css 애니메이션을 통해 코드를 작성한다. 구글에 찾아보면 작성하는 방법들이 많이 나온다. JS, CSS는 많이 나오지만 REACT에서 직접 코드로 작성하는 자료는 없어, 작성해 본다. ( 대부분 라이브러리를 사용하여 쉽게 작성하는 것 같다.) 타이핑 될 문자를 txt로 정의해주고, REACT HOOK 중 useState와 useEffect를 사용한다. setInterval과 cleaerInterval을 사용하여 코드를 작성했다. JS에서 작성하는 것과 크게 다르진 않다. useState와 useEffect의 기본적인 형식만 알고있다면 REACT HOOK을 사용하여 보다 편하게 작성할 수 있다는 장점이 있는 것 같다. 2021. 8. 23. [부산] FIRSTAGE COFFEE 바다 앞, 애플파이 하나 드시고 가세요 흰여울 문화마을을 돌아다니다보면 바다 앞에 카페들이 많이 줄서있다. 최근 관광지로 유명세를 얻어 많은 사람들이 다녀가다 보니 그에 따라 많은 카페 & 악세사리 가게들이 생겨나는 것 같다. 유명한 카페들도 많지만 사람들을 피해 발견하게 된 FIRSTAGE COFFEE. 많은 카페 들 중에 가장 끝쪽에 자리 잡아 있어서 그런지 사람들이 많지 않아서 가장 좋았고, 깔끔한 인테리어와 초록색 심플한 로고가 마음에 들었다. 딱 봐도 커피의 맛을 신경쓰는 게 느껴졌다할까. 다른 카페와 마찬가지로 내부는 넓지 않았다. 다만 새로 생긴 것 같이 느껴지는 깔끔한 인테리어와 시원한 에어컨 바람이 분다는 점. 그리고 바다를 바로 눈앞에서 볼 수 있다는 점이 좋았다. 직원은 사장님으로 보.. 2021. 8. 22. 이전 1 ··· 13 14 15 16 17 18 다음 반응형
