반응형 개발관련 노트9 Figma to Code 프론트엔드 개발에서 필요한부분-> 디자이너가 디자인해서 피그마로 공유해주면 퍼블리싱 해야함-> 그 이후 기능 추가 디테일 추가하는것 AI가 발달해서 사진을 보내고 코드로 짜줄 수도 있지만피그마의 컴포넌트나 레이어까지 보지 못하는 문제가 생김 그래서 디자인을 정확하게 코드로 옮겨내야하는데 정확하진 못하더라도 어느정도 퍼블리싱을 자동화 하는 툴이 있으면 좋을것 같음피그마 플러그인을 가지고 만들수도 있지만. 가격도 비싸고 생각보다 디자인을 잘 못따라하는 느낌 mcp를 사용해서 피그마와 커서를 연결해서 할수도 있다고 한다공부를 해봐야겟다. 2025. 5. 15. 갤럭시 워치 필수 어플(자체제작) 틱톡 리모컨 -Scroll Broker- 다름이 아니라 본업이 개발자인지라 취미생활로 어플을 만드는데 wearOS 어플을 하나 만들었다.저녁에 퇴근하고 침대에 누워 거치대에 폰 거치해놓고 릴스 쇼츠 틱톡 같은걸 자주보는데 팔이 너무 저려서...ㅋㅋㅋ 그래서 후다닥 와이프와 디자인 개발 해서 완성! 워치를 가지고 쇼츠비디오를 넘길수 있는 리모컨.알리익스프레스나 이런데 그런 리모컨 팔기도 하는데 만원에서부터 이만원 정도 하던데 나같으면 그거 안삼 ㅋㅋㅋㅋ손목에 리모컨 있는데 굳이... 리모컨 하나 더사서 따로 들고다녀야하나 ㅋㅋㅋ 아무튼! 나 쓰려고 만든 어플이긴한데 팔아도 보려고 4000원에 올려놨다. 많이 팔리면 좋겠지만 아니면 말고~ 혹시 필요하신 티스토리 친구분들!!! 댓글달아주세요 무료 쿠폰 드립니다! 선착순 5명!6월 말까지 사용하셔야.. 2024. 5. 11. 노드 관련 컨트롤 방법 모음 허구헌날 릿코드에 트리노드문제가 나오는데 항상 헷갈려서 한번 정리하고자한다. 일단 이거라도 외우고 해보자고~ // 이진 트리 노드 정의 function TreeNode(val) { this.val = val; this.left = null; this.right = null; } // 트리 생성 const root = new TreeNode(1); root.left = new TreeNode(2); root.right = new TreeNode(3); root.left.left = new TreeNode(4); root.left.right = new TreeNode(5); // DFS를 사용하여 트리 순회 const dfs = (node) => { if (!node) return; console.log(n.. 2024. 2. 13. 자바스크립트 내장함수 정리 내가 만들어쓰는 것 보다 내장함수를 쓰면 코드가 깔끔하고 정확해지는데 내장함수를 몰라도 너무 몰라서 코테풀때 자꾸 불편하게 하고있다. 이번기회에 자주쓰는 자바스크립트 내장함수를 정리하고자 함 Array 관련 함수 map 함수 각 배열 요소에 주어진 함수 적용하고 그 결과를 새로운 배열로 반환한다. Array.prototype.map() const numbers = [1, 2, 3, 4]; const double = numbers.map(num => num * 2);//각 요소 두배로 //dubled: [2,4,6,8] filter 함수 주어진 함수의 테스트를 통과한 요소만 가지고 새로운 배열을 반환한다. Array.prototype.filter() const numbers = [1, 2, 3, 4]; c.. 2024. 1. 24. 이전 1 2 3 다음 반응형
