EtoC

애니메이션 페이지 최신순, 리뷰순 정렬도 다했고, 이제 검색 쿼리문 작성하고 프론트 페이지만 만들면 끝이였다.맡은일을 빠르게 끝내고 휴가를 하루 냈는데.. 휴가를 낸 날에 페이지 구성요소와 새로운 기능이 추가되었다.기존의 자유게시판은 따로 빠지고 장르별 필터링이 새롭게 들어왔다. 7월3일까지 다 해야하는데 힘내보자. 일단 장르를 선택할 수 있는 박스를 하나 만들었다.그리고 장르별로 무엇을 카테고리를 가져오고 애니 목록의 장르id들과 결합하여 장르별로 애니메이션이 보여지도록했다.장르 선택시 보여질 애니메이션 컨트롤let selectedGenres = [];function filterAnimations() { let animations = document.querySelectorAll('.ani-inf..

2차례 프론트로 개발을 하면서 내가 기업에 나가서 인턴을 할 수 있을까 걱정되었다.하지만 동기분이 정말 좋은 회사라고 꼭 가보라 하셨고 용기를 내서 인턴경험을 하게되었다.첫날 회사에 도착하니 회사소개부터 다양한 협업툴과 업무설명을 듣고, 3가지에 선택권을 주셨다.이때 선택지는 의료인 인증앱만들기, vue와 react를 하나의 레포로 합치기, 에디터 편집기였는데 이상할 정도로 에디터 편집기에 끌렸다.번쩍 손을 들자 사수분들이 적극성과 의외여서 놀라시면서 박수를 쳐주셨던게 기억난다. 0. 구현한 기능에디터 기능 세분화이미지만 보면 굉장히 간단한 업무같은데, 실제로 구현을 해보니 우리가 일상에서 당연하다는듯이 사용하던 사소한 기능하나하나에 얼마나 개발자의 생각과 노력이 들어갔는지 알 수 있었다.  1.  좋았..

작성일 2023-08-02 프론트로한 1차 프로젝트에서는 배운점, 힘든점이 많았다면 이번 2차프로젝트는 아쉬움이 많이 남는 프로젝트였다. 이번 기수 자체가 프론트 3인에 백엔드 7인으로 구성되어있었는데 설마 내가 1인 프론트엔드로 팀을 이루게될줄이야.. 1. 프로젝트 소개 팀명: 가보자GO 개발인원: 프론트엔드 1명, 백엔드 3명 프로젝트 기간:2023.07.17~2023.07.28 Team gabozaGo git Hub 주소 서비스 소개 저희가 모델링한 사이트는 다이닝코드였습니다. 다이닝코드는 위치기반서비스로 유저가 찾는 지역의 음식집을 소개하고 예약비나 수수료가아닌 리뷰를 받아 리뷰데이터를 이용하여 BtoB방식으로 수익을 창출하는것을 보았습니다. 하지만 유저가 리뷰를 달면 돈을주는 방식을 채택할 수 ..

작성일 2023-07-07프론트엔드로서의 첫 프로젝트 SJG가 끝났다.처음 맡아본 product manager로서 느낀점도 많았고, 백엔드 개발자로서도, 프론트개발자로서도 많은 생각을 할 수 있었던 프로젝트였다.사건사고가 정말 많아서 자세한 글들은 프로젝트 진행하면서 작성한 게시글에 옮겨두었다.프로젝트 소개수정과(SuJeongGwa)나는 타일이라는 소재와 관련된 팀이름을 원했는데 나를 제외한 모든 팀원 분들은 수정과라는 팀명을 하고싶어하였다.무슨뜻인지 물어보니 수정과 아이들이라는 말을 줄인것이라하셨고 1:5 다수결로 선정되었다.😅제품 선정친환경 타일구성원FE(2명): 김수정(Product Manager), 최진이BE(4명): 김상원(Project Manager), 서동희, 이주현, 정성남사용한 기술 및..

1. 프로젝트 소개프로젝트 기간: 2022.12.08 ~ 2023.01.04팀명: MSG구성원: Front: 2명 /Back: 2명목적:정해진 기간동안 일정 시간마다 회사에 등록된 인플루언서의 광고를 키워드로 검색하여 순위권에있는지 확인하고, 그 스크린샷을 찍어 저장하는 API를 만들어 수동으로 하던 시스템을 자동화 하는것.2. 프로젝트 기획3. 프로젝트 결과물4.  맡은 역할1. 크롤링하고 스크린샷 찍기puppeteer를 사용하여 브라우저를 실행하고 새 페이지를 생성하기처음에는 cheerio를 사용한 단순한 크롤링을 만들어보았다.그런데 원하는 기능을 사용하려고하니 pupeteer를 사용해야했고 puppeteer 문서를 읽으면서 작성하였다.puppeteer로 간단한 뉴스를 크롤링해보고 회사에서 받은 js..

저녁부터 임시로 브랜치를파서  코드를 치며 어떻게 변하는지를 찾아보았다. 근데 모르겠다.하루종일해서 알아낸게 개발자도구에서 p태그가 타이틀버튼을 누르면h2로 변하는정도..? 일단 어디서 바뀌는지부터 알아야할것같아서h2를 어떻게 사용했는지 찾아보았는데schema폴더의 heading에서 밖에 찾지 못했다. 2로 바뀌는것을 보면 어딘가에서 분명 사용중일텐데..이파일 저파일 다찾아보다가 다시 처음부터 생각해보기로했다. 일단 schem에 heading이 정의되어있다.schema 파일을 다시 읽어보니 level 값으로 표현된다고한다./** * Heading 노드는 Paragraph 노드와 유사하기 때문에 Attributes 를 공유합니다. * level 값에 따라 h1 ~ h3 으로 표현됩니다. (아래 toDOM ..

작성일: 2022-12-11 새롭게 팀이 바뀌고 2차 프로젝트를 시작한게 저번주인것 같은데 벌써 프로젝트가 끝났다.이번 프로젝트는 기존의 사이트를 단순히 클론하는 것이아닌 팀원들과 다른 서비스의 사이트를 만들려고 처음부터 기획을하였으나,어그러지면서 일어난 사건들덕에 느낀점도 배운점도 많은 프로젝트였다. 프로젝트 기간:2022.11.28~2022.12.09모델링 사이트: https://kmong.com/팀명: Wemong개발인원: 프론트엔드 4명, 백엔드 2명 wemong은 메인페이지와 상세페이지,예약페이지, 로그인페이지로 구성되었다.내가맡은 역할은 상세페이지와 예약페이지로 상세페이지에서 판매하는 강의의 기본정보와 리뷰 및 별점과 예약하기를 맡았으며,예약페이지에는 판매하는 강의의 기본정보와 예약정보를 보내..

작성일 : 2022-11-26  어느새 1차 프로젝트가 끝났는데 배운것도 많고 부족한것도 참 많은 첫프로젝트였다.1. 기획과 ERD우리팀이 모델링하게된 사이트는 술담화로 카테고리가 굉장히 많았다. 그래서 초반에 백엔드와 프론트가 함께 의논하여 어떤 기능을 넣을지 의논하였고 기획안을 통과하여 ERD 설계를 하였다.ERD 설계는 백엔드셋이 만들어와서 공유하고 함께 만들었다. 여기까지 4일이 걸렸다.2. 내가 맡은 역할ERD 설계를 끝내고 각자 구현할 기능을 나누었는데,내가 맡은 구현기능은 초기환경세팅과 로그인,회원가입API, 제품상세페이지API였다.코로나때문에 시큐리티와 통신을 배우는 주를 날렸는데 감사하게도 백엔드팀원분들이 초기세팅과 로그인회원가입을 권해주셨다또한 레이어드패턴이 이해가 가지않아 질문하자 한..