분류 전체보기
-
멋사 5월 4째주 회고회고 2022. 5. 29. 13:55
이번 주는 자스 진도가 마무리되고 총정리와 알고리즘 스텝으로 들어갔다. 자스가 끝나긴 해도 여전히 자스로 뭔갈 만드는 것이 어려운 나.... 그래서 요새는 TIL 도 자주 빼먹고 자스 복습과 실습에만 집중하려고 하는데.. 그래도 많이 어려운 것 같다. (특히 클래스로 기능 구현하기, 비동기 프로그래밍) 일단 KEEP - 모르는 내용은 계속 반복 또 반복해서 보기 특히 비동기에서 asyc와 await이 비동기지만 동기처럼 바꾸는 것인데 원리가 많이 이해가 안갔다..ㅠ.ㅠ 그래서 정규 수업에서 배운 이후로 반복 또 반복하니 점차 코드가 익숙해져 가긴 하는데... 아직도 사실 많이 모르는 건 마찬가지지만 ㅎㅎ (특히 프로미스와 덴을 에이싱크 어웨잇으로 바꾸는 거 등등..) 많이 연습해야 긋다,, PROBLEM..
-
[Day 40] 알고리즘- 몸풀기 & 스택TIL/멋쟁이사자처럼 FE스쿨 2기 2022. 5. 26. 23:00
기다리고 기다리던 알고리즘 수업.. 아직 배열 메소드들이 익숙하지 않아 더욱 어려웠던 것 같다.. 메소드 많이 써보면서 연습하기...! //빈 배열 만들기 Array(10) //0으로 채우기 Array(10).fill(0) //1부터 100까지의 배열 Array(100).fill(1).map((value,index)=>value+index) //1부터 100까지 숫자 중 8이 몇 개? (Array(100).fill(1).map((value,index)=>value+index)+'').split('8').length-1 // https://codingdojang.com/scode/408?langby=javascript#answer-filter-area // 1차원의 점들이 주어졌을 때, 그 중 가장 거리가..
-
멋사 5월 3째주 회고회고 2022. 5. 20. 12:55
자스 중급 개념들로 혼란스러웠던 이번 주라 그럱 대부분 이번주 한줄평이 대개 부정적인 평이 많았다🥹 우주우주우주,,(물론 나또한) KEEP - 수업 끝난 후 자습 시간 때 게더에 모여 오늘 배운 내용을 다시 같이 이야기해보면서 정리하였는데, 혼자 타닥타닥 내용을 정리하는 것보다 말하면서 내가 이해한 개념에 대해 설명해주고, 반대로 내가 이해를 놓친 개념에 대해 다른 팀원이 설명해서 보충해주고 하는 이런 사이클 정말 좋았다! PROBLEM - 클로저나 클래스와 같이 수업에서 배운 내용들을 이해는 해도 막상 이걸 이용해서 실습 문제 풀어봐! 하면 못푸는 경우가 많았다. 사실 개념에 대해 배운지 얼마 되지 않아 그만큼 많은 예제들을 접하고 타자로 쳐봐야 하는데 아직 그렇지 않아 못 푸는게 당연했지만, 여기서 ..
-
[Day 35] JS 클로저 활용 & ClassTIL/멋쟁이사자처럼 FE스쿨 2기 2022. 5. 18. 23:55
클로저를 이용한 모듈패턴, 사용자 정의 타입 패턴, 혼합 패턴 1. 모듈패턴 function Person(){ let age=15; //외부에서 접근할 수 없는 값 return { getAge: function(){ return age }, setAge: function(updatedAge){ age = updatedAge } } } const person = new Person(); console.log(person.getAge()); //15 console.log(person.age);//undefined person.setAge(40) console.log(person.getAge());//40 2. 사용자 정의 타입 패턴 function Person(){ this.age=13; } Person.p..
-
[Day 34] JS 객체지향프로그래밍; 생성자함수, 프로토타입, 객체 상속TIL/멋쟁이사자처럼 FE스쿨 2기 2022. 5. 17. 23:36
본 내용으로 들어가기 전, 나의 todo list 1. 오늘 저녁에는 부대찌게를 끓여 먹겠다.삭제 2. 후식으로 슈팅스타를 먹겠다.삭제 3. 자기 전에 반드시 내일 아침 메뉴를 생각해두겠다.삭제 preventDefault() stopPropagation()의 차이에 대해 코드로 간단 정리~ 생성자함수(Constructor)에 대해 이전에 포스팅한 글이 있다:) https://daheejo.tistory.com/45?category=1258675 [JS] Constructor Function *freecodecamp 를 기반으로 작성하였다. Constructor Function 컨스트럭터(Constructor)는 새로운 객체를 만드는 함수이다. 이것은 새로운 객체에 속하는 프로퍼티나 기능을 정의한다. fu..
-
[Day 33] JS 로 만드는 3D 캐러셀TIL/멋쟁이사자처럼 FE스쿨 2기 2022. 5. 17. 22:01
https://daheejo.github.io/FrontendSchool_2/carousel/index.html Today's Color: 오늘 당신에게 맞는 색깔은? What's the color of the day? STOP REPLAY daheejo.github.io 일단 만들어본 3d 캐러셀! 계속 회전하는데, 버튼으로 조정할 수 있는 캐러셀을 만들어보고자 했다. (근데 아직 버튼 기능과 카드 뒷면 기능은 미완이다) css에 키프레임 애니메이션을 적용하였는데, 문제는 가운데 정렬한 캐러셀이 애니메이션만 적용하면 자꾸 가운데를 벗어나곤 했다 ㅠ 그래서 멘토님께 여쭤본 결과, @keyframes movingCarousel { from{ transform: translate(-50%, -50%) rot..
-
드롭다운 구현에서 blur와 click 이벤트, 그리고 CSS transition의 영향..Web/Error & Fix 2022. 5. 17. 15:00
드롭다운을 구현하는 중에 바깥을 클릭했을 때 드롭다운이 사라지게 하기 위해서(더 나은 UX..! 항상 사용자 입장에서 생각하기!!!) 'blur'라는 이벤트를 추가했다. 이렇게 const selectBox = document.querySelector('.select-box'); const dropbox = document.querySelector('.dropbox'); const dropboxOpt = document.querySelectorAll('li'); const OptText = document.querySelectorAll('.dropbox-opt'); selectBox.addEventListener('click',function (){ dropbox.classList.toggle('on');..
-
멋사 회고6팀 5월 2째주 회고회고 2022. 5. 14. 00:28
원래 회고는 6시에 수업 끝나고 바로 하는 것이었지만. 불금이기도 하고.. 수업끝나고 바로 하는 것은 좀 힘든 것도 있겠다 싶어 회고 하루 전날 마다 투표하여 시간을 정하기로 했다! (이제 목요일마다 올리기 명심하자 나자신) 매 회고를 시작할 때마다 각자 이번 주 한줄평을 던지며 시작을 하는데, 자스에 대한 본격적인 내용들(특히 클로저나 this와 같은 어려운 개념들)을 배운 이번 주에 대해서 -익숙해져서 괜찮다 -마음을 비우니 오히려 괜찮은 것 같기도 -수업이 끝나고 TIL을 막상 정리하려하니 두루뭉실하다.. -자스 공부를 하면 할수록 모르겠다 라는 의견이 나왔다. 팀 내에서 자스를 멋사 시작 전에 이미 경험해보신 분들과 그렇지 않으신 분들로 나뉘는데, 그렇지 않은 분들의 이야기를 들으면서 나도 공감이..