Minji Log

Promise 란?Promise 객체는 비동기 작업을 다루기 위해 만들어졌으며, 비동기 작업의 성공 혹은 실패 후 결과를 처리하기 쉽게 해준다. 또한 비동기 작업이 끝나고 실행할 콜백을 등록할 수 있는 메서드를 제공한다. Promise 객체가 탄생하기 전에는 비동기 처리를 위해 콜백함수를 사용했는데, 일명 콜백 헬로 불리는 문제로 인해 가독성이 나쁘고 에러 처리가 분산되고 흐름의 추적하기 어려워지는 등 불편함이 있었는데 이러한 불편함을 보완할 수 있는 것이 Promise 이다. Promise 상태Pending : 아직 대기 중인 상태Fulfilled : 비동기 작업이 성공적으로 완료된 상태이며, resolve 로 인해 pending 상태에서 fulfilled 상태로 변함Rejected : 비동기 작업이 ..

내일배움캠프 첫 주차부터 시작된 팀프로젝트! 🥳 팀 소개 페이지를 만드는 것이었는데 발표일 제외하면 4일 동안 첫 팀원들과 첫 프로젝트를 수행하였다. 적극적으로 참여해 주신 팀원분들 덕분에 아래와 같이 깔끔하고 이쁜 '팀 소개 페이지'를 만들 수 있었다. 첫 프로젝트인 만큼 배운 것이 많았다. 이를 기록하기 위해 KPT 회고를 해보려한다. 프로젝트 결과물아래는 프로젝트 결과물 😬 배포 링크[배포링크] https://do-it-coding.netlify.app[깃허브] https://github.com/jungminji0215/who-are-you Keep구현해 본 것 공부해서 블로그 정리내가 맡은 기능에 대해서 구현하고 끝나지 않고 블로그에 최대한 아는 대로 꼼꼼하게 정리해 보았다. 이렇게 정리를 하..

스크롤을 내리면 상단에 스크롤 진척도 효과가 나타나는 것을 본 적이 있을 거다. 나는 주로 브런치에서 많이 봤다. 팀 프로젝트에서 해당 기능을 구현하기로했다. 내가 맡은 기능은 아니지만 구현해보고싶어서 따로 공부하는 시간을 가졌다. 여기서 중요한 것은 '스크롤 진척도 구현하는 법' 검색해서 따라하는 것 말고 키워드 중심으로 검색해서 스스로 만들고 다른 사람이 구현한 코드와 비교해보는 것!!⭐️ 코드HTML /* 막대바 */ /* 화면 높이를 늘리기 위해 추가 */CSSbody { margin: 0;}.bar { position: fixed; background-color: orange; height: 30px;}.box { font-size: 40px; height: 3000px;}Javasc..

window.addEventListener("scroll", function() {}) 이 아닌 특정 요소에서 스크롤을 발생할 때 위치를 확인해보는 것을 알아보자. 약관같은 것을 보다가 맨 아래까지 다 읽었을 경우에만 다음페이지로 넘어갈 수 있는 기능을 본적이 있을 것이다. 특정 요소에서 스크롤 시 위치를 어떻게 확인하는지 알아보고, 원하는 위치에 도달 할 시 이벤트 주는 것도 해보도록 하자. 코드HTML 스크롤을 맨 아래까지 이동해주세요!CSS .scroll-Box { width: 300px; height: 200px; overflow: scroll; border: 1px solid black; padding: 10px; } .content { height: 6..

프로젝트를 진행하면서 위로가기 버튼을 구현하게 되어서 해당 기능에 대해 공부를 해보았다.  코드HTML 스크롤 내려갑니다.스크롤 내려갑니다.위로가기CSS .header { background-color: green; width: 100%; height: 50px; } .main { width: 100%; height: 2000px; font-size: 50px; } .scroll-top-btn { position: fixed; bottom: 40px; right: 40px; width: 100px; height: 50px; }Javascript document .getElementById("scroll-top-btn") ..

내가 React 트랙에 참여한 계기는 무엇인가요?🗣 프론트엔드를 제대로 공부해보고싶고, 멋진 프로젝트를 만들고싶어서 신청하였다. 내가 이해한 개발자는 어떤 역할을 하는 사람인가요?🗣 어떤 문제를 기술적으로 해결하려고 할 때, 적합한 방법을 찾고 해결하는 사람  개발을 경험해보셨나요? 해보셨다면 어떤 경험을 하셨는지를 작성해주시고, 아니라면 개발에 대해 찾아본 것을 작성해주세요.🗣 백엔드 개발자로 근무한 경험이 있다. 개발자의 역할을 수행하는 데에 있어 나의 강점과 연관된 부분은 무엇이라고 생각하나요? 혹은 보완, 개선하고 싶은 개인 역량이 있나요?🗣 항상 새로운 것을 배우는 것을 좋아한다. 그리고 어떤 것을 해결하기 위해 찾아보고 탐구해보는 것을 재밌어한다. 본 코스 수료 후, 어떤 개발자로 성장..