에이치아이~ 새로운 랩탑을 장만해서 기분이 좋습니다. 2013년형 에어를 썼던 지라, M1의 성능에 지금도 감탄중입니다. 그런데 이전 인텔 기반에서 M1으로 바뀌면서 개발환경 설정도 다르게 해야 했어요. 7월 끝자락 무더위와 함께한 삽질 과정까지 다 녹여내어 글을 써봅니다. 누군가에게, 또 훗날 나 개굴이에게도 도움이 되길 바라며. Homebrew homebrew는 mac에서 개발환경 세팅할 때 가장 먼저 설치해야 할 패키지 관리 프로그램입니다. 터미널을 킵니다. /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" 위의 명령어를 복사하면 설치가 손쉽게 완료됩니다. (참고: https:/..
github 개인 계정 하나만 사용하다가, 사이드 프로젝트를 시작하며 프로젝트용 계정도 사용하게 되었는데. 새로운 계정으로 커밋하는 과정에서 에러 발생. 에러.에러.에러.무한에러의 늪에 빠졌습니다. 기존 계정 밀어버리고, 다시 재등록해도 에러!에러!에러! 현기증… 이걸로 시간을 얼마나 잡아 먹었는지 모릅니다. 서칭 끝에 은혜로운 글을 발견 하였습니다. (하단 링크 참고) SSH 설정으로 편하게 github 멀티계정을 사용하는 방법이 친절하게 설명된 글이었어요. 준비물 작업 환경 : Mac (window에서도 비슷한 과정으로 했는데 잘 됐어요😁) 터미널 등록 계정 예시 (이메일이거나 아닌 경우 각자 상황에 맞춰서!) 개인 계정 : gaegul 오피셜 계정 : gaegul@gaegulcompany.com s..
데이터를 배열 형태로 API에 보내줘야 하는 요구사항을 프론트엔드에서 처리하는 방법입니다. API URL, 매개변수, 변수 명은 모두 블로그 예시용으로 수정한 것입니다. 실무에서는 더 직관적이고 명확하게 작성하고 있습니다. 백단의 요구사항 API URL : api/event/something 뿌려줘야 할, 던져줘야 할 또는 파싱해야 할 등등의 정보를 백단에서 알려주겠죠. 지금의 경우는 아래와 같은 포맷으로 데이터를 던져줘야 합니다. 해당 형식으로 데이터를 던지고 리턴값이 true면 정상 작동, false면 장애 처리 [ { "id": 12, "createDate": 20210305 }, { "eventId": 23, "createDate": 20210404 }, { "eventId": 25, "creat..
야심차게 인프런 리액트 챗봇 강의를 보며 공부하는데, 에러가 발생했다. 에러무한지옥에 빠지면서, 노드부터 지우고 다시 설치하기로 결심했다. 그러니 웬걸 또 다시 에러무한지옥..ㅎㅎ 하지만 해결한다 열정 열정! 1) 노드 설치 에러 node install node-pre-gyp WARN Tried to download(404): https://fsevents-binaries.s3-us-west-2.amazonaws.com/v1.2.4/fse-v1.2.4-node-v83-darwin-x64.tar.gz node-pre-gyp WARN Pre-built binaries not found for fsevents@1.2.4 and node@14.16.0 (node-v83 ABI, unknown) (falling ..
시멘팁 웹 시맨틱 웹(Semantic Web)이란 시맨틱 태그를 이용하여 웹 페이지를 의미있는 데이터 조합으로 만들도록 하는 웹으로 검색엔진의 크롤링을 돕는다. 간략히 하면 논리적인 구조이고 구글링 잘되는 좋은 웹이란 뜻입니다😓 이 글에서 다룰 헤딩태그도 시맨틱 태그 중 하나입니다. HTML5와 SEO의 단짝친구입니다. 같은 헤딩태그입니다. 제목태그란? 제목태그(헤딩태그,heading tag)는 h1부터 h6까지 총 6개가 있습니다. h는 heading, 머릿말 또는 제목을 의미하며 뒤에 숫자는 제목의 계층구조를 의미합니다. 그렇다면 h1은 대제목이고 h6은 제일 하위 소제목이 됩니다. 태그 글씨 크기 = 구조 브라우저 별로 헤딩태그는 글씨 크기가 다릅니다. 크롬 브라우저는 태그의 글씨크기가 font-s..
👩🏻💻 블로그 마크다운으로 더 쉽게 쓰기 저번 글에서 마크다운 문법에 대해 알아 보았습니다. 마크다운 문법에 대한 내용은 아래 글을 참조해주세요. 그 내용을 바탕으로 2% 더 편하게 글쓰는 방법을 알아 보겠습니다. 마크다운으로 글을 쓰면 이게 어떻게 보일지 궁금하죠. 계속 미리보기를 하거나 모드를 바꿔야 되는 번거로움이 있습니다. 마크다운 에디터 마크다운 에디터를 활용하면 프리뷰 기능이 있어서 미리보며 글을 쓸 수 있습니다. 여러 종류의 에디터가 있는데, StackEdit이 구글 검색 최상위에 나옵니다. UI도 간편하고 사용하기 좋아요. StackEdit 사용법 1. stackedit 사이트로 이동 stackedit에 접속해서 최상단 StartWriting 클릭 2. Login 우측 사이드바 > Sig..
