Dev/TIL

TIL#2 - 많은 사진을 import / 스타일드 컴포넌트 / 이벤트 버블링

특정 규칙이 있는 많은 사진을 불러 오기 인턴십 클론 코딩 활동 중, 댓글의 프로필 이미지를 랜더링 해야할 일이 생겼다. 일반적인 프로필이라면 그냥 JSON의 프로필 이미지 url을 땡겨오면 그만이겠지만 옥소폴리틱스는 특이하게도 유저의 성향과 응답에 따라 댓글의 프로필이미지가 달라졌다. 성향은 총 5개, 응답은 4개였으므로 총 20개의 이미지 파일 중에 골라 프로필 사진으로 띄워야 했다. 전부 import? 처음 떠올린 것은 20장 이미지를 전부 import한 뒤 원하는 키워드로 등록해서 img를 리턴하는 함수를 만드는 것이었다. 코드가 길어지는 것도 문제지만 수정사항이 생겼을 때 골치가 아파질 것이 너무 자명했다. import ans1-tribe1 from '../img/ans1-tribe1.png';..

TIL#1 - Today I Learned

TIL(Today I Learned) 말 그대로 오늘 무엇을 공부했는지 또는 배웠는지를 적는 것으로 많은 개발자들이 하고 있다고 한다. 역시 개발자에게는 포트폴리오가 필수다. 유명 개발자 블로그를 보면 1000회가 훌쩍 넘는 TIL을 본 적도 있다. 짧게라도 꾸준한 습관을 들여 멋진 시니어 개발자가 되고 싶다. 아래 적는 내용은 그냥 빠르게 주저리주저리 쓰고 내용이 모이면 주제별로 모아 글로 작성해볼 계획이다. 옥소폴리틱스 인턴십 현재 옥소폴리틱스 인턴십 2주 차를 진행하고 있다. 지금 진행 중인 프로젝트는 옥소폴리틱스 홈페이지의 메인 페이지를 React를 이용하여 클론코딩해 보는 것이다. 3명의 팀원들과 협업하며 React와 더불어 Git, Git-hub까지 실전으로 부딪혀가며 공부해가고 있다. PR(..