728x90

분류 전체보기 285

영어 표현 - Buy a lemon: 레몬을 사다?

안녕하세요, 이번에도 다른 영어 표현을 하나 가져와 봤습니다 👾 원어민들과의 대화속에서 꼭 알면 좋은 내용만 가져오고 있습니다 👴 - buy a lemon 모두 쉬운 단어로만 구성이 되어있는데, buy는 단순히 물건을 사다 할때의 사다, a lemon은 그냥 레몬 한개 입니다. 즉, 레몬 한개를 사다 라는 뜻이 되겠지만 진정한 의미는 전혀 다르네요. 레몬은 깨끗하게 생기고 아주 달달하게 생긴 과일중 하나입니다. (겉모습만) 하지만 막상 먹어보면 다들 표정을 찡그리며, 온몸으로 신 맛을 표현하게 됩니다. 그래서 서양에서는 레몬을 겉과 속이 다른 과일 이라고 말합니다. 즉 buy a lemon을 평범하게 아 나 슈퍼가서 buy a lemon 했어! 라고 하는 경우가 아니면, ❗ 나는 속아서 물건을 구매했다 ..

영어 2023.07.07

영어 표현 - Dodged a bullet: 총알을 피하다?

안녕하세요, 오늘은 회사에서 동료들과 얘기를 하다가 나온 원어민 영어 표현을 가져왔습니다 🥳 - dodge a bullet 🧐 dodge는 흔히 말하는 닷지는 피하다, 면하다 라는 뜻이 있습니다. 롤이나 게임 하다가, 아 닷지났어! 아 또 닷지네! 이런 말들이 있을텐데, 해당 닷지의 내용은, 해당 게임으로부터 피해지다, 즉 이탈되다 라는 뜻이 되겠네요. 조금 더 한국어에 맞추자면, 해당 게임이 터지다 라고 생각하시면 좋을거 같습니다 👍 그러면 dodge a bullet은 무슨 뜻일까요? "총알을 피하다" 라는 뜻을 가지고 있습니다. 위의 대사를 보면 "We dodged a bullet on that co-op guy." 라는 full sentence가 있습니다. 위의 대사를 해석해보면, 우리는 그 co-..

영어 2023.07.07

리액트 - Null operator vs Optional chaning ( ! vs ?)

프론트엔드의 입장에서 코딩을 하다보면, 정말 자주 마주하게 되는 에러중 하나는 Uncaught TypeError: Cannot read properties of undefined (reading 'users') 그리고 타입스크립트에서는 'inputRef.current' is possibly 'null'.ts(18047) 이렇게 두 종류가 있습니다 😫 결론부터 말하자면, 이 둘은 자바스크립트에서 제공되는 기능으로 처리하기가 아주 간단합니다 🤔 undefined의 경우에는 아래처럼 undefined가 들어올거 같은 데이터뒤에 ? 이 물음표 하나만 넣어주면 에러가 해결되고 allUsersAPI.data?.users?.map() 아래의 경우에는 data가 null일지도 모른다는 그 데이터 뒤에 ! 하나만 추가해..

React/Basic 2023.07.06

토론토 주변 갈만한 곳 - Lake Wilcox

지금 올리는 내용은 그저께 (7월3일 월요일)이 캐나다데이, 공휴일이여서 쉬는김에 집근처에 드라이브 다녀온 곳에 대한 포스팅 입니다. (기록할겸 포스팅!🧐) Lake Wilcox라는 곳으로, 이미 알만한 분들은 대부분 아는 장소 입니다 ㅎㅎ 제가 사는 Finch station에서 차로는 보통 40분 정도가 걸리고, 대중교통은 이용해 본적은 없지만, 약 1시간 반정도 걸릴거 같네요 😫 우버나 zip car 등 타고 슝 다녀와도 좋다고 생각됩니다 ㅎㅎ 실은 Wilcox를 가려던게 아니라 근처의 Farm boy를 가려다가 우연히 가게 되었는데 사람이.. 정말 많았네요. 정말 운좋게 주차를 하고 (무인 유료 주차장인데, 돈 안내는 사람도 많네요 😅, 저희는 어플로 냈습니다. 1시간에 4불!) 들어가니 역시 캐나..

캐나다Life 2023.07.06

SONY WH-CH720N 언박싱

오늘은 회사에서 저번주에 사준다고 했던 헤드셋이 도착하였습니다 🥳 집에서는 레이저 헤드셋을 쓰지만, 무선이 아니라서 집에서'만' 사용이 가능했는데, 이번에 하나 고르라길래, 바로 예산에 맞는 '무선' 헤드셋을 골랐네요 ㅎㅎ 구매 링크는....? 구매 불가가 되었네요 한 주 만에..😂 (https://www.amazon.ca/Sony-WH-CH720N-Cancelling-Headphones-Microphone/dp/B0BS74M665/ref=sr_1_5?keywords=sony%2Bheadphones&qid=1688069710&sprefix=sony%2Caps%2C78&sr=8-5&th=1) 제가 마지막으로 봤을때는 250불 정도 했던거로 기억하네요. 검은색은 뭔가 너무 올드할거 같아서, 아이폰같은 느낌의..

캐나다Life 2023.07.06

리액트 - Firebase/Storage CORS 문제 해결

1. 상황 firebase storage 이미지들을 가져와서 보여주고, 다운로드 버튼을 만들어 다운받으려는데 에러가 났습니다. 😅 더보기 서버리스로 시작한 프로젝트여서 클라이언트에서 해결해야한다.🤔 프록시설정에 실패했다.🤐 2. 해결방법 - google cloud cli를 통해 해결하기 설치 https://cloud.google.com/storage/docs/gsutil_install#windows 들어가서 windows/macOS 누르고 설치 (진짜 중요) google cloud cli는 파이썬 기반이라 파이썬이 필요합니다. 파이썬 설치 2023/6/6기준 3.9버젼 이상을 권유해서 그냥 3.9버젼으로 했습니다. https://www.python.org/downloads/release/python-39..

React/Firebase 2023.07.01

캐나다 풀스택 개발자의 하루 일과 및 회사 이야기

🔅오늘은 캐나다에서의 개발자 삶에 대해 올려 볼까 합니다. (한국과의 다른점!) 일단 저는 한 유통회사에서 풀스택 개발자로 있습니다 (입사 6개월+) 유통회사 자체가 중소기업이라, 저희 개발팀은 총 두팀이 있는데 - 한팀은 시니어8명으로 구성된 어벤저스 외주업체 🧟‍♂️ - 그리고 저희팀은 저와 우리 하나뿐인 인턴, 이렇게 두명이 있습니다. 🤦‍♂️ 외주업체는 전반적인 회사 관련 웹이나 앱에서 에러, 신규 모듈등을 티켓을 받아서 처리하고 있고, (JIRA 사용) 저희는 내수용 프로젝트를 하나 신규 작업하고있습니다. (우린 디스코드 + 피그마 만 사용.. 왜 우린 JIRA 안주냐..) 이 프로젝트는 제가 구조도 짜고, 프론트는 100% 일을 하고있고, 백은 제가 30%, 우리 인턴이 70% 정도 하고있습니..

캐나다Life 2023.07.01

캐나다 풀스택 개발자의 Performance Review 첫 경험

한 2-3주가 지난 이야기지만, 당시에 아무리 검색해도 제대로 된 경험글이 나오지 않아서 갑자기 기억나서 쓰게 된 캐나다 풀스택 개발자의 첫 Performance Review 경험담 입니다. 게임개발자에서 웹개발자로 전향한지 어느덧 6개월차👶, 출근하면 다른 풀스택 개발자들은 가장먼저 뭐 하는지는 모르겠지만, 저는 제일먼저 이메일 체크를 합니다. 이메일을 열어보니 아래와 같은 이메일이 와 있었습니다. 이번주 금요일 출근 후 (저는 10am - 6pm이 근무시간입니다.) 30분뒤에 미팅룸으로 오라는 메세지, 참여자를 보니, 우리 회사 주인님인 CEO와 제 담당자의 이메일이 있었습니다. 담당자가 항상 하는말이 "와 케빈 너 이번에 외주들어온 일도 그렇고, 우리 프로젝트도 그렇고 기여도가 많아, 곧 연봉 올려..

캐나다Life 2023.06.29

리액트 - v18

1. 컴포넌트 트리의 변경(자동 batch를 위해서) ReactDOM.render -> ReactDOM.createRoot 코딩애플님 유튜브에서 잘라왔는데, 이 부분은 정말 엄청 큰 매리트가 있어 보입니다. 2. 새로운 훅 useId - Dom을 위한 유니크 id를 만들어주는 훅 -> 어디에 쓸까 생각을 해봤는데, 유니크id가 항상 필요한 map함수내의 key값에 줘도 되겠다 라는 생각이 듭니다. function Checkbox() { // 이 id를 가진친구들은 유니크 아이디가 생긴다 const id = useId(); return ( Do you like React? ); } useTransition - 느린 컴포넌트 성능 향상 isLoading에는 startTransition이 처리중일때는 true..

React/Basic 2023.06.29

리액트 - Fake Jason Server

프론트엔드 개발을 할때 서버가 필요한데, 서버에 대해 1도 모른다, 하지만 나는 서버가 보내주는 데이터가 필요하다. CRUD 연습하고 싶다, 할때 쓸만합니다. 사용법이 어렵지 않아서 그냥 명령어로 정리했습니다. 설치 npm install -g json-server 시작 json-server --watch db.json 내가 원하는 포트에서 열기 (이미 시작했으면 컨트롤+c로 원래 서버를 닫고 여는걸 권장합니다.) json-server -w db.json -p 3500 내가 원하는 폴더에서 열기 json-server -w 폴더이름/db.json 🔅 이제 https://jsonplaceholder.typicode.com/todos 위의 주소에 가서 있는 데이터들을 복사해서 db.json에 넣어두고 get 부..

React/Basic 2023.06.29
728x90