2024/05

배열에서 특정 값의 index를 얻기 위해서 indexOf를 가장 많이 사용하였는데, 특정 조건에 해당하는 index 값을 얻기 위해서 ES6에 추가된 findIndex라는 메서드를 알게 되었다. 이를 활용해서 간단한 알고리즘 문제를 풀어봤다.※ 프로그래머스 > 서울에서 김서방 찾기 seoul이라는 배열에서 "Kim"의 index를 찾아 반환하는 문제다. 1. IndexOf 사용function solution(seoul) { const index = seoul.indexOf("Kim") return "김서방은 " + index +"에 있다"} 2. findIndex 사용function solution(seoul) { const index = seoul.findIndex((element) ..

오늘은 드디어 모던 JS 딥다이브 스터디 모집과 일정 세팅이 끝난 날~!! 스터디를 모집하는건 언제나 신경쓸게 많지만, 그래도 앞으로의 몇 개월의 분위기는 초기 일주일안에 결정되는게 보편적이기에 좀 더 힘을 내려 한다!! 스터디 일정 조율하고 팀 프로젝트 코드 리뷰하고, 스터디 설문 만들고, 팀 프로젝트 맡은 부분 UI 개발하고, 알고리즘 문제 하나까지 푸니 벌써 퇴실하라고 알람이 와서 놀랐다.. 주말을 이용해서 팀 프로젝트를 완성 후딱하고, 개인 공부시간도 챙길 수 있게 시간 조절, 그리고 체력 조절 잘 해야겠다~~  오늘의 일기 끗

팀 프로젝트 + 팀 프로젝트에 적용할 개인 공부 + 스터디 모집 마감 일정을 한 번에 처리하려니 진짜 하루가 부족했다..! 내 시간 어디로 사라진 거지? ※ 웹 폰트 적용하기매번 구글 폰트나 다른 cdn을 사용해서 웹폰트를 다운로드하는 형태로 웹 폰트를 사용했는데, 이번 프로젝트에서는 local에서 서버로 웹 폰트를 올리는 @font-face를 사용해 웹폰트 최적화를 사용하였다. 한 번 최적화에 대해 고민하게 되니, 더욱더 많은 자료를 찾아보게 되었고 가장 도움이 되었던 건 'FE.CONF 2018' 컨퍼런스에서 발표된 웹폰트 최적화 발표 자료였다. 오늘은 자세히 포스팅할 시간이 없어 해당 내용 정리한 것만 기재해 두고, 프로젝트 마감 후 제대로 올려봐야겠다. 아래 내용은 'FE CONF 2018 웹폰트..

내배캠 두 번째 팀 프로젝트가 시작된 날. 이번엔 이전과 달리 개인 과제를 발전시켜 나가는 형태의 팀 프로젝트 주제였습니다. 운명인지 또 mbit i가 6명이 모인 조였는데, 많은 의견들이 나와 나름 성공적인 첫날을 보낸 것 같습니다!!(울 팀 파이팅~)각자의 역할분담을 마치고, 마이페이지 부분을 맡게 되었습니다. 북마크 한 영화와 로그인한 사용자가 작성한 댓글을 모아볼 수 있게 하고, 프로필을 수정하는 기능 등등 별 것 없어 보이지만 생각보다 많은 기능을 포함하고 있는 페이지였습니다. 이번 프로젝트는 localstorage를 사용해 보자는 취지에 맞게, 평소 프로젝트와 달리 백엔드를 사용하지 않고 구현하기로 하였습니다. 이런 경험은 처음이긴 한데, 백엔드 사용하는 것처럼 비슷한 동작원리로 구성하면 잘 ..