![]()
● 그동안 공부한 것 styled component styled component를 쓰니까 확실히 css파일을 관리하는데 있어서 유용할 것같다는걸 느낄 수 있었습니다. module.css나 scss는 좀.. 난잡한 느낌과 새로운 selector문법을 배워서 좀.. 당황스러웠는데, 확실히 styled componenet가 최고네요. 게다가 셀렉터 문법도 편하고 props로 뽑아다가 삼항연산자 처리를 해줄 수 있다니.. 이것은 매우 신세계였습니다. storybook storybook도 써보았는데,, 너무 어려웠어요. 실제 실무에서 어떻게 쓰일지 감이 잘 안왔습니다.. app 컴포넌트에서 렌더링하지 않고 보고 싶다면 쓸 것 같은데.. 실제로 아예 화면에 그리는걸 보지 않은채로 많이 쓸까? 싶은 생각도 들기도하..
![]()
● 오늘 공부한 것 피그마 실습.. 5~6시간 고민했던 애니메이션 만들기는 1시간만에 끝나는 걸 보고 조금 시무룩 해졌었습니다..ㅠㅠ 포토샵이랑 영상을 다룰줄 알아도 피그마의 장벽은 엄청나게 높았던 걸로.. 피그마는 아무리 블로그를 찾아봐도 자료가 진짜 많이 없어서 조금 힘들었습니다.. 외국인 유튜브 찾아서 보고 따라해보고.. 확실히 피그마도 공부해야된다는걸 느꼈어욥.. 디자이너나 다른 팀원들과 소통하기 위해선 역시 툴을 잘 다루는게.. 맞다는 생각이 들었습니다. 아래는 피그마로 만든 작업물..임니다.. ● 내가 놓치고 있던 것 전역 변수는 var, 함수는 환경 레코드에서 객체환경레코드에 연결된 bindingObject를 통해 전역변수가 된다고 했는데, 이는 .bind 와 비슷하게 bindingObjec..
● 오늘 공부한 것 UI/UX 오늘은 UI란 무엇이고 UX란 무엇인지 공부하였습니다. 실은 전에 웹 디자이너분과 함께 홈페이지 제작을 해본적이 있어서 와이어프레임을 구성해본 적이 있어, 와이어프레임에 대해 공부해서 흥미롭게 느낀 점이 많았습니다. 디자인적인 부분에서 Lo-Fi 와이어프레임, Mid-Fi 와이어프레임, High-FI 와이어프레임을 구분한다는 것도 알게되었고, 동작부분에서 프로토타입이라는 언어를 통해 그것에 대한 단계도 나뉘어진다는 걸 알게 되었습니다. 또한 실제로 전에 홈페이지를 만들면서 User Flow를 짜본적이 있어, 이 또한 나중에 웹 애플리케이션을 제작 할 때 매우 중요한 일 중 하나라고 생각이 들었습니다. ● 수업 이외에 공부한 것 [15장 Context API 사용법 익히기] ..
● 오늘 공부한 것 재귀 stringify.JSON.js function stringifyJSON(obj) { // your code goes here if(typeof obj === 'number' || typeof obj === 'boolean' || obj === null) return `${obj}`; if(typeof obj === 'string') return `"${obj}"`; if(Array.isArray(obj)){ const arr = [] for(let el of obj){ arr.push(stringifyJSON(el)); } return `[${arr}]` } if(typeof obj === 'object'){ let newObj = ''; for (let key in obj){..
● 오늘 공부한 것 재귀 07_arrLength function arrLength(arr) { // TODO: 여기에 코드를 작성합니다. if (arr.isEmpty()) return 0; arr.shift(); return 1 + arrLength(arr) } 08_drop if (num === 0 || arr.length === 0) return arr; else if (num > arr.length ) return []; arr.shift(); return drop(num-1, arr) 09_take function take(num, arr) { // TODO: 여기에 코드를 작성합니다. if (num === 0 || arr.length === 0) return []; const head = arr..
