Project (5) 썸네일형 리스트형 애니리스트 페이지 - 장르 필터링 추가하기 애니메이션 페이지 최신순, 리뷰순 정렬도 다했고, 이제 검색 쿼리문 작성하고 프론트 페이지만 만들면 끝이였다.맡은일을 빠르게 끝내고 휴가를 하루 냈는데.. 휴가를 낸 날에 페이지 구성요소와 새로운 기능이 추가되었다.기존의 자유게시판은 따로 빠지고 장르별 필터링이 새롭게 들어왔다. 7월3일까지 다 해야하는데 힘내보자. 일단 장르를 선택할 수 있는 박스를 하나 만들었다.그리고 장르별로 무엇을 카테고리를 가져오고 애니 목록의 장르id들과 결합하여 장르별로 애니메이션이 보여지도록했다.장르 선택시 보여질 애니메이션 컨트롤let selectedGenres = [];function filterAnimations() { let animations = document.querySelectorAll('.ani-inf.. ProseMirror- 버튼 세분화하기 저녁부터 임시로 브랜치를파서 코드를 치며 어떻게 변하는지를 찾아보았다. 근데 모르겠다.하루종일해서 알아낸게 개발자도구에서 p태그가 타이틀버튼을 누르면h2로 변하는정도..? 일단 어디서 바뀌는지부터 알아야할것같아서h2를 어떻게 사용했는지 찾아보았는데schema폴더의 heading에서 밖에 찾지 못했다. 2로 바뀌는것을 보면 어딘가에서 분명 사용중일텐데..이파일 저파일 다찾아보다가 다시 처음부터 생각해보기로했다. 일단 schem에 heading이 정의되어있다.schema 파일을 다시 읽어보니 level 값으로 표현된다고한다./** * Heading 노드는 Paragraph 노드와 유사하기 때문에 Attributes 를 공유합니다. * level 값에 따라 h1 ~ h3 으로 표현됩니다. (아래 toDOM .. wemong - 2차 프로젝트 작성일: 2022-12-11 새롭게 팀이 바뀌고 2차 프로젝트를 시작한게 저번주인것 같은데 벌써 프로젝트가 끝났다.이번 프로젝트는 기존의 사이트를 단순히 클론하는 것이아닌 팀원들과 다른 서비스의 사이트를 만들려고 처음부터 기획을하였으나,어그러지면서 일어난 사건들덕에 느낀점도 배운점도 많은 프로젝트였다. 프로젝트 기간:2022.11.28~2022.12.09모델링 사이트: https://kmong.com/팀명: Wemong개발인원: 프론트엔드 4명, 백엔드 2명 wemong은 메인페이지와 상세페이지,예약페이지, 로그인페이지로 구성되었다.내가맡은 역할은 상세페이지와 예약페이지로 상세페이지에서 판매하는 강의의 기본정보와 리뷰 및 별점과 예약하기를 맡았으며,예약페이지에는 판매하는 강의의 기본정보와 예약정보를 보내.. DCS - 1차 프로젝트 작성일 : 2022-11-26 어느새 1차 프로젝트가 끝났는데 배운것도 많고 부족한것도 참 많은 첫프로젝트였다.1. 기획과 ERD우리팀이 모델링하게된 사이트는 술담화로 카테고리가 굉장히 많았다. 그래서 초반에 백엔드와 프론트가 함께 의논하여 어떤 기능을 넣을지 의논하였고 기획안을 통과하여 ERD 설계를 하였다.ERD 설계는 백엔드셋이 만들어와서 공유하고 함께 만들었다. 여기까지 4일이 걸렸다.2. 내가 맡은 역할ERD 설계를 끝내고 각자 구현할 기능을 나누었는데,내가 맡은 구현기능은 초기환경세팅과 로그인,회원가입API, 제품상세페이지API였다.코로나때문에 시큐리티와 통신을 배우는 주를 날렸는데 감사하게도 백엔드팀원분들이 초기세팅과 로그인회원가입을 권해주셨다또한 레이어드패턴이 이해가 가지않아 질문하자 한.. 첫 개인페이지 만들기 : translate html과 css를 사용해서 직접 생각하고 만들어보는 첫 개인페이지라서 어떤 기능을 넣어야할지 고민했다. 일단 나열하고싶은 글들을 페이지에 써놓고보니 너무 밋밋했다. 나도 뭔가 움직이게하고 싶었는데 검색해보니 transform이라는 기능이 있었다. 아래는 transform의 translate를 적용해서 만들어본 페이지이다. HTML Hello! 안녕하세요! I'm SUJEONG. 자가지능김수정 입니다. Think from various perspectives and Communicate. I wanna be a BACK-END Developer who want to be with. 다양하게 생각하고 소통하여 [함께 하고싶은 개발자] 가 되고싶습니다. CSS .highlight0:hover{ font-f.. 이전 1 다음
