단축평가논리연산자 && 혹은 || 에서 평가식 도중에 true 혹은 false가 판명난다면 그 이후는 연산하지 않는 것을 의미한다.예를들어 &&는 양쪽 피연산자가 모두 true여야 true를 반환하는데, 첫 피연산자가 false인 경우에는 두번째 피연산자의 값에 상관없이 false를 반환하게 되므로 나머지 조건 확인을 수행하지 않는다. let answer = condition ? answer1 : answer2;위와 같이 활용할 수도 있지만 추가로 유용한 활용안들이 강의에 있어 정리해보았다. && , || 를 활용한 조건부 실행x > 0 && console.log("x는 양수입니다.");조건이 true인 경우 특정 구문을 실행해야할 때 &&를 사용할 수 있다.x가 0보다 작은 경우 && 연산자는 우항까지..
암시적 형변환문자열로 변환되는 경우문자열과 다른 데이터타입이 + 연산자로 만나면 문자열로 변환된다.let result = 1 + "2"; // "12"let result2 = "1" + true; // "1true" 숫자로 변환되는 경우let result = 1 - "2"; // -1let result = "2" * "3"; // 6 명시적 형변환Boolean 타입으로 변환Boolean() 을 사용한다. 변환할 데이터를 인자로 넣어주면 된다.false로 변환되는 값0, "", null, undefined, NaNtrue로 변환되는 값위의 값들을 제외한 값들, 빈 객체 { } 도 true String, NumberString(), Number() 에 변환할 데이터를 인자로 넣어준다.
미니프로젝트를 진행하면서 첫 접속시 보이는 영역 → 멤버 소개 카드가 있는 영역으로 사용자가 끝까지 스크롤을 내리지 않아도 자동으로 스크롤이 내려갈 수 있도록 기능을 구현했다. 우선 처음에 기획한 내용은 다음과 같았다.버튼을 클릭했을 때 멤버 소개 카드가 있는 영역으로 자동 이동느림-빨라짐-느려짐 속도가 변하며 자연스럽게 출발/도착한다.window.scrollTo()프로젝트에서 사용한 방법이다. behaviour: smooth 속성을 지정하여 부드럽게 스크롤 이동이 가능하지만 scrollTo() 만으로는 속도조절을 할 수 없다고 하여 requestAnimationFrame()을 이용해 다음 프레임의 스크롤 위치를 계산하고 scrollTo로 이동시키는 방법을 사용했다. 시간의 흐름에 따른 스크롤 위치를 지..
프로젝트 소개1. 진행 기간: 2024.07.15 ~ 2024.07.182. 인원: 5명3. 깃허브https://github.com/escape-engineering/soysauce_completed GitHub - escape-engineering/soysauce_completedContribute to escape-engineering/soysauce_completed development by creating an account on GitHub.github.com 4. 라이브러리jQuery5. 개발환경Firebase 팀원들과의 KPT 회고Keep소통이 잘 된다, 이슈가 발생하거나 변경점이 있을 때 서로 꺼리지 않고 바로바로 공유가 된다.변경사항이 있거나 궁금한 점이 있을 때 마이크 켜고 이야기를..
팀프로젝트에서 데이터를 관리하기위해 firebase를 사용하였다. 강의에서 데이터를 추가하고 받아오는 것만 배웠지 수정하는 건 처음이어서 혼란이 조금 있었다. 원래 맡은 역할은 데이터와 연관이 없었는데 담당한 구현 사항의 전반적인 틀을 잡아두고 팀원들이 고민하고 계신 데이터 수정 방법을 같이 알아보았다. Firestore 초기화import { initializeApp } from 'firebase/app';import { getFirestore } from 'firebase/firestore';// firebase configuration 입력const firebaseConfig = { };// firebase 초기화 (initialize)const app = initializeApp(firebaseC..
첫 팀 프로젝트로 멤버 소개 페이지를 만들기위해 레퍼런스를 찾아보다가 단색 배경에 크게 이름을 적어둔 포트폴리오를 발견했다.저런 형식으로 접속시 첫 화면에 꽉차게 한 눈에 들어오는 소개를 보여준 뒤 자세한 소개가 보이는 곳으로 자동 스크롤 하고싶다는 생각이 떠올랐다. 최종 결과처음엔 버튼을 눌렀을 때 자동 스크롤되는 기능만 구현했다가, 버튼을 누르지 않고 스크롤 하는 사람들도 자동 스크롤로 넘어가게 하고싶어서 기능을 추가했다.그러다가.. 한참을 여기에 매달리게되고... 괜한 욕심을 부렸나싶어서 조금 후회했다가 그래도 해보고싶어서 열심히 고민에 고민을 거쳐보았다.. 해결한 문제들스크롤을 조금 내린 상태에서 버튼 클릭처음 시작할 때 버튼 클릭으로만 내려가는 것을 가정했다보니 위치를 이동시키는 함수에 시작..