오늘 할 내용은 코드로 바로 확인 해보자. 단순히 axios로 불러온 데이터를 파싱해서 쓰려고 했는데, 모든 depth의 데이터가 나오지 않았다. 예전에도 이런적이 한 번 있었는데 이번에 또 같은 케이스여서 포스팅을 해본다. 이렇게 사진처럼 comments: [Array] 라고 나오는데 나는 그 값을 필요로해서 보고싶었다. 자바스크립트에서 객체를 콘솔에 출력하면, 기본적으로 일부 깊이까지만 출력되고, 그 이상의 깊이는 [Array]나 [Object] 형태로 간략하게 표시되는 경우가 있다. 이때 console.dir() 을 쓰면 해결 가능하다. 자주 사용하는 console.log()와 console.dir()를 비교해 보면서 뭔지 알아보자. console.log()와 console.dir() - conso..
오늘은 배열에서 중복값을 제거하는 방법에 대해서 포스팅을 해보려한다. 위 코드는 간략하게 얘기하면 투표항목을 클릭하면 하위depth의 투표 항목까지 전부 불러오는 코드중 일부분이다. 아무튼 하위항목들을 찾아서 기존dto에 push하다가 console.log 창을보니 중복된 값도 같이 쌓이고 있었다. 하위 항목 찾을 때 기존항목 if문으로 비교 후 제거하거나, 정 안되면 for문으로 돌려서 비교후 제외시켜도 되지만 Array에서 바로 처리하는 방법이 있나 궁금해서 찾아보다가 "new Set()" 이라는 방법을 찾게 되었다. new Set() - Set 객체는 자바스크립트에서 유일한 값의 집합을 표현할 수 있다. - 배열의 중복 값을 제거하려면 Set을 이용하면 정말 쉽게 할 수 있다. 사용 방법은 다음과 ..
저번에 포스팅한 "데이터 타입" 에 이어서 다음 챕터인 "실행 컨텍스트"를 포스팅 할 것이다. https://ilikezzi.tistory.com/52 [Javascript] 데이터 타입_코어 자바스크립트 계획했던대로 자격증 취득도 다 해서, 8월부터는 알고리즘과 팀프로젝트에 전념할 계획이였다. 하지만 알고리즘 스터디를 하기전에 JS 기본기를 탄탄하게 다져두고 하는게 깊은 이해에 도움이 ilikezzi.tistory.com 위에 있는 저번 포스팅과 크게 이어지는 내용은 아니지만, 그래도 "데이터 타입"에 대한 기본적인 이해가 있어야 이번 포스팅을 쉽게 이해할 수 있을듯 싶다. 02. 실행 컨텍스트 실행 컨텍스트란? - 실행 컨텍스트(Execution Context) 실행할 코드에 제공할 환경 정보들을 ..
직전에 Route53 + S3로 정적 웹 호스팅하는 방법에 대해 포스팅을 했었다. https://ilikezzi.tistory.com/53 [AWS] Route53 도메인 구매 및 S3 웹 호스팅 얼마전에 해커톤 멘토링을 다녀와서 서버설계와 DB설계쪽에 부족함을 느껴서 주변에 프론트엔드 1명, AI 1명, 디자이너 1명을 섭외해서 팀프로젝트를 하기로했다. 주제선정과 기능선정이 끝나서 ilikezzi.tistory.com 해당 포스팅과 이어지는 내용이니 먼저 보고와서, 이 포스팅을 봐주면 좋을 것 같다. 이전에 Route53 + S3 를 이용해서 정적 웹 호스팅을 해서 http 까지 완료했다. 이번에는 CloudFront + ACM 을 이용해서 https로 리다이렉팅 해보려고 한다. 우선 왜 이 두가지 서..
얼마전에 해커톤 멘토링을 다녀와서 서버설계와 DB설계쪽에 부족함을 느껴서 주변에 프론트엔드 1명, AI 1명, 디자이너 1명을 섭외해서 팀프로젝트를 하기로했다. 주제선정과 기능선정이 끝나서 이제 각자 맡은일을 해야하는데 나는 기획, 서버, DB, 백엔드 파트를 혼자서 전부 하기로했다. 모바일 웹/앱 서비스로 진행하기로 해서 우선 프로젝트 도메인이 필요했다. 찾아보니 시중에 도메인 판매하는 사이트도 많았지만, 회사 테크니컬 리더님께서 역량 향상 명목으로 회사 AWS계정을 사용하라고 하셨다! 그래서 한치의 고민도 없이 AWS로 접속했다. Route 53 서비스를 검색 후 들어가서 등록된 도메인으로 들어가서, "도메인 등록"을 누르자. 그리고 사용하고 싶은 도메인주소를 검색하면 .com , .io , .net..
계획했던대로 자격증 취득도 다 해서, 8월부터는 알고리즘과 팀프로젝트에 전념할 계획이였다. 하지만 알고리즘 스터디를 하기전에 JS 기본기를 탄탄하게 다져두고 하는게 깊은 이해에 도움이 될 것 같았다. 때마침 회사 프런트 엔드 직원분들이 "모던 자바스크립트 Deep Dive" 와 "코어 자바스크립트" 두 책을 강추해주셨다. 그동안 나는 인강이 좀 더 잘 맞는다고 생각했어서, 우선 끝까지 읽기에 상대적으로 얇은 책으로 선택했다. 처음엔 가볍게 "혼동되는 개념만 잡고 빨리 알고리즘으로 넘어가야지. " 라는 생각뿐이였는데 1, 2 단원을 읽고 생각이 바뀌었다. 남들이 이해한 내용을 듣기만 하는게 아닌, 책을 보면서 곰곰히 고민하고 이해하는것도 잘 정리가 되었다. 그래서 단원별로 포스팅하면서 한번 더 머리속에 정..
오늘은 인하대학교에서 진행한 INHA SW NET-Zero 공동해커톤에 멘토로 참여한 후기를 포스팅 해보려한다. 나는 컴공 전공자임에도 불구하고 대학시절에 해커톤 참가를 한번도 안해봐서, 밤새면서 개발의 열정을 불태우는 분위기가 너무나 궁금했는데 이번에 우연히 기회가 생겼다. 얼마전 contect하게 된 AWS 직원분께서 해커톤 멘토로 참여 제의를 하셨다. 제의를 받고 처음엔 "내가 누군가한테 조언을 줄 수 있는 입장인가?" 라는 생각 때문에 잠시 망설였지만, 주니어 개발자로 1년간 경력을 쌓아오면서 문제를 해결했던 경험이나 다양한 트러블 슈팅 지식들이 어쩌면 밤새며 빠르게 개발을 해야하는 그들에게 도움을 줄 수 있겠다. 라는 생각이 들었다. 그래서 나는 AWS DevOps 및 Backend 개발자로 멘..
오늘은 처음으로 개발 내용 외에 포스팅을 해보려한다. 얼마전에 SAA-C03 합격후기, 합격요약 포스팅을 올렸었는데, 혹시나 필요한 사람이 있지않을까 해서 카카오톡에 AWS Study하는 오픈채팅방이 있어서 포스팅 내용을 공유했었다. 예상외로 반응이 핫해서 고맙다는 피드백을 많이 받고 블로그 유입도 500명이 넘었다! 그러고 몇일이 지나서 아래 사진처럼 나를 찾았다. ......! 따로 갠톡을 해보니 AWS 직원분이셨고 AWS 관련 자격증 준비하는 대학생들에게 공유를 해도 될지 여쭤보셨다. 한명이라도 누군가한테 도움이 되고 싶었는데 이렇게 까지 해주시니 너무 감사한 마음뿐이였다. 보내 주신다는 굿즈도 아직 국내에 제공된 적 없는 첫 굿즈였다!! 시간이 지나 사무실로 굿즈가 도착했다!!! 구성이 너무 알차..
회사에서 협업툴로 Slack을 사용하고 있는데, 각종 통계자료 몇 로그데이터를 매일 알림으로 보내주면 좋을 것 같았다. 그래서 무슨데이터를 전송해주면 좋을지 고민하다가 1.전체 유저수 / 2.가입자수 / 3.기사 조회수 / 4.언론사별 기사 발행수 / 5.댓글수 / 6.DAU / 7.WAU 해당 7가지 데이터를 보여주기로 결정했다. Slack bot을 통한 axios와 schedule를 사용해서 자동화를 시켜줄 것이다. 우선 Slack bot을 만들자. https://api.slack.com/apps/ 해당 URL에 접속하여 슬랙봇을 생성을 하고, https://api.slack.com/methods 다음 URL에서 슬랙봇의 chat.postMessage 권한을 추가해 주도록 하자. 그 후 Install..
무려 한 달 만에 포스팅이다... 때는 3달전 AWS에 수많은 서비스 중에서 EC2, S3, Lambda 같은 기본적인 서비스 밖에 다룰 줄 몰랐었다. 하지만 점점 개발경력이 쌓여가면서 설계 쪽도 조금씩 맡아서 하게 되고, 점차 보안 쪽도 고민을 하게 되었다. 그래서 막연히 AWS공부를 하기보다, 이참에 자격증취득을 목표로 삼고 스터디를 하면 좋을 것 같았다. 자격증 종류에 대해 알아보다가 AWS Certified Solutions Architect - Associate SAA-C03로 정했다! https://www.udemy.com/course/best-aws-certified-solutions-architect-associate/ SAA강의 중에서 꽤나 유명한 Udemy강의로 선택했다. 할인받아서 1..