JavaScript 7

이벤트 핸들러 호출 방식 | 함수 사용, 객체 사용

이벤트 발생시 타이틀의 텍스트와 색상을 변경하는 코드를 작성했다. 처음 1번 방법을 작성해보고 수정해서 총 3가지 버전이 있는데, 같은 동작을 수행하지만 코드 구조와 이벤트 핸들러 호출 방식에 차이가 있어서 작성해봄. 코드를 구조화하는 방법이나, 핸들러 함수들을 간편하게 정의하는 방법이나 어느방법이 좋은지 딱 정할 수는 없지만, 지금의 나는 가독성이 좋은 코드가 좋다고 생각하기에 객체를 사용하는 방법이 좋지 않을까 싶다. 1. 각 함수를 직접 호출하는 방법 각 이벤트에 대한 함수를 직접 정의 해당 이벤트가 발생했을 때 함수를 호출 이벤트 핸들러를 등록할 때에는 함수 이름을 전달하는 방식 function mouseenterTitle() { title.innerText = 'The mouse is here!..

Team Project 5 | 👨🏻‍🎨 KPT | 유화 제작 서비스 프로젝트

👋 포스팅 내용 : Github 주소 | 결과물 영상 | 튜터님들 피드백 | KPT | 결과물 캡쳐 | 공부해야할 것 | 팀 프로젝트 회고 👨🏻‍🎨 Github https://github.com/2JYK/The-season-of-N.11_backend https://github.com/2JYK/The-season-of-N.11_frontend 프로젝트 결과물 🖼 튜터님들 피드백 이상록 튜터 배포까지 깔끔하게 구현해보고 인증이 안되었을때는 로그인 페이지로 이동하는 로직과 style입력해서 그에 해당하는 이미지를 변환하도록 로직을 잘 구현해주셨습니다. 그리고 적용할 스타일 사진을 선택하게 해서 다양한 결과를 볼수있었던점이 좋았습니다. nested serializer와 SerializerMethodField클..

PROJECTS 2022.07.06

Team Project 5 | 7월 2-6일 |

Team Project 5 | The season of N.11 ✨ Github https://github.com/2JYK/The-season-of-N.11_backend.git https://github.com/2JYK/The-season-of-N.11_frontend.git 유화 제작 서비스 ; 사용자가 입력한 사진에 사계절의 효과를 주어 업로드, 수정 및 삭제 를 할 수 있음 👩🏻‍💻 담당 파트 : 회원가입 | 로그인-JWT발급 | 유화 제작 인공지능 기술 | 마이페이지-업로드,북마크 사진 | 게시글 수정 및 삭제 🌱 7월 2-6일 ✔️ 진짜.. 너무 바빴음.... 했던 작업 나열이 힘듬..  👍 포스팅 내용 ➕ 현재까지 결과물

PROJECTS 2022.07.06

TurtleGram🐢 | Python Js 바닐라코드 메인페이지 | 토큰 저장 값으로 정보 브라우저에 그리기

💚 Github 주소 💚 https://github.com/nicesugi/turtlegram_frontend.git https://github.com/nicesugi/turtlegram_backend.git ...음.. 자꾸 블로그에 어려운 말들로 가득차는 것 같다. 일단 메인페이지에서는, 토큰값으로 백엔드로 보내고 디비 조회 후 이메일 꺼내서 돌려보내주고 그걸로 프론트엔드 업데이트 했다. ObjectId 를 쓸때, 불러오는 형식이 조금씩 차이가 있는데 이건 추후에 확실히 인지한 후에 올릴 예정이다.

PROJECTS 2022.05.19

Team Project 1 | 미니 프로젝트 발제 | 4월20일 - 4월22일

❤️이번 프로젝트 주제는요! → 우리 팀을 소개할 수 있고, 우리만의 이야기를 담을 수 있는 ‘팀 소개 웹 페이지’ 제작해봅시다! 🚩 What to do: 자기소개 페이지 만들기! 필수 포함 사항을 확인해주세요. 아래의 내용을 포함하기만 한다면, 기능 추가 또는 수정이 자유입니다! 필수 포함 내용 👨‍💻 [팀]과 [자신]에 대한 설명 및 MBTI 객관적으로 살펴본 자신의 장점 협업을 하는 과정에서의 자신의 스타일 우리 팀만의 특징과 추구하는 궁극적인 목표 우리 팀의 약속 팀원들의 블로그 주소 필수 포함 기술 💻 (※웹개발 종합반 1주차 까지의 내용을 기반 합니다.) 웹 개발을 위한 기본 요소 HTML (필수) CSS (필수) 우리 팀만의 웹 개발을 위한 부가 요소 부트스트랩 (선택) JavaScript ..

PROJECTS 2022.04.21
반응형