studyHard
article thumbnail
fetch API
SEB_FE_44/반딧불 ✨ 2023. 3. 21. 21:26

01_basicChaining function getNewsAndWeather() { let fetchNewsWeather = {}; return fetch(newsURL) .then(response => response.json()) // newsURL 데이터를 json으로 변환 .then(response => { fetchNewsWeather.news = response.data; // .data 속성을 .news에 할당 return fetch(weatherURL); }) .then(response => response.json()) // weatherURL 데이터를 json으로 변환 .then(response => { fetchNewsWeather.weather = response; // .weat..

article thumbnail
beesbeesbees
SEB_FE_44/반딧불 ✨ 2023. 3. 16. 23:57

공통된 특성을 기반으로 클래스, 상속으로 과제를 완수하기✨✨ class Grub { constructor() { this.age = 0; this.color = "pink"; this.food = "jelly"; } eat() { return "Mmmmmmmmm jelly"; } } class Bee extends Grub { constructor() { super(); this.age = 5; this.color = "yellow"; this.job = "Keep on growing"; } } class HoneyMakerBee extends Bee { constructor() { super(); this.age = 10; this.job = "make honey"; this.honeyPot = 0; ..

article thumbnail
Section 1 회고
SEB_FE_44/과제 2023. 3. 13. 23:08

목표 상기하기 무적권 취업 Keep 밥 먹고 자는 시간 외의 대부분의 시간을 공부하는데 투자한 것.. 번 아웃은 오지 않았고 올 것 같으면 적당히 스트레스 해소를 해줄 생각이다. => 하루의 수면 패턴과 공부 패턴의 유지 (+커피 마시기..) Problem 평소에 잠을 많이 설치고 못 자는 스타일이라서 잠을 많이 못 잔다. 평일에 몰아서 자게 됨. 공부가 끝나고 (대충 2시) 바로 잠에 든다면 충분히 잘 수 있지만 그렇게 안 돼서 컨디션 관리가 약간 힘든 것 같다. 그렇다고 공부 시간을 줄이는 것은 아닌 것 같다. => 수면 부족으로 인한 컨디션 관리? Try 산책이나 달리기를 통해 몸을 더 피곤하게 만들어서 강제로 잠자기? 공부를 길게 잡아서 하는 중인데, 단순히 공부를 하기보다는 세부적인 계획을 짜고..

article thumbnail
아고라 스테이츠 2
SEB_FE_44/과제 2023. 3. 10. 19:00

Descriotion Section 1에서 배운 내용을 총 동원하여 나만의 멋진 아고라 스테이츠를 만듭니다. 배포링크 https://jiwonp12.github.io/fe-sprint-my-agora-states/ My Agora States jiwonp12.github.io Bare Minimum Requirement Self Checklist 스스로 구현 완료한 부분까지 체크하여 제출합니다. ✅ 디스커션 나열 기능 script.js를 수정하여 agoraStatesDiscussions 배열의 데이터를 나열할 수 있게 구현합니다. ✅ CSS ✅ 아고라 스테이츠 질문 리스트가 중앙으로 와야 합니다. ✅ style.css를 수정하여 멋지고 아름답게 나만의 아고라 스테이츠를 꾸밉니다. ✅ colorhunt, ..

article thumbnail
아고라 스테이츠
SEB_FE_44/과제 2023. 3. 9. 23:55

아고라 스테이츠 (미완) 사이버 펑크 느낌으로 만들어 보고 싶어서 꾸며보았다.. 근데 아직 디테일한 디자인이 많이 부족한 것 같다. submit버튼을 만들 때 기존에 있던 함수를 활용하지 않고 작성을 했다가 코드가 굉장히 지저분해서 다시 지우고 새로 작성을해주었다. // SUBMIT BTN const inputName = document.querySelector("#name"); const inputTitle = document.querySelector("#title"); const textInput = document.querySelector("#story"); const inputForm = document.querySelector(".form"); const now = new Date(); // I..

article thumbnail
Validator 유효성 검사
SEB_FE_44/과제 2023. 3. 8. 23:00

유효성 검사 후 회원가입 버튼을 구현하는 과제를 진행하였다! HTML 사용할 수 있는 아이디입니다 아이디는 네 글자 이상이어야 합니다 아이디는 영어, 숫자여야 합니다 영어, 숫자, 특수문자 미포함, 8자 이상 비밀번호가 일치하지 않습니다 회원가입 CSS main.move { transform: translateY(-350%); } body.dark { animation-name: brightness-animation; animation-duration: 1.5s; animation-iteration-count: 1; animation-fill-mode: forwards; } @keyframes brightness-animation { 0% { filter: brightness(100%); } 100% {..

article thumbnail
JavaScript Koans
SEB_FE_44/반딧불 ✨ 2023. 3. 6. 16:09

Koans는 불교에서 유래된 단어로, 결론을 내리기 전에 이게 왜 맞는지 깊게 고민한다는 의미를 가지고 있다고 합니다. 답이 미리 제시되어 있기 때문에 고민 없이 풀면, 큰 어려움 없이 전부 다 풀 수 있습니다. 하지만 그게 왜 정답인지 깊게 고민해 보는 시간을 갖지 않는다면 충분히 성장하기 어려울 것입니다. Koans 문제 중에는 학습하지 않은 개념도 의도적으로 포함되어 있습니다. 페어와 함께 깊게 고민하고, 정답을 설명할 수 있도록 연습해 보세요. 헷갈렸던 부분 it("lexical scope와 closure에 대해 다시 확인합니다.", function () { let age = 27; let name = "jin"; let height = 179; function outerFn() { let age..

article thumbnail
2023.02.13 ~ 0.3.0.4 까지의 정리
SEB_FE_44/반딧불 ✨ 2023. 3. 5. 16:54

https://velog.io/@jiwonp12