분류 전체보기 (139) 썸네일형 리스트형 [Javascript] async, await async, await 만 보면 회피하는 습관이 있었는데 이 기회에 두려움을 없애보고자 한다. 캡틴 판교님을 예전에 프론트엔드 컨퍼런스에서 뵌 적이 있는데 완전 유명하신 분이라고 들었다. 근데 왜 유명하신지 알 것 같다. 글이 완전 이해가 쏙쏙~~ https://joshua1988.github.io/web-development/javascript/javascript-asynchronous-operation/ 자바스크립트 비동기 처리와 콜백 함수 (중급) 중급 자바스크립트 개발자가 되기 위한 자바스크립트 비동기 처리와 콜백 함수 이해하기. 콜백 지옥과 해결 방법 등 joshua1988.github.io https://joshua1988.github.io/web-development/javascript/pr.. [Javascript] Testing code Describe, it, expect 구문을 알기 위해서 찾아봤다. https://velog.io/@velopert/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%ED%85%8C%EC%8A%A4%ED%8C%85%EC%9D%98-%EA%B8%B0%EC%B4%88 자바스크립트 테스팅의 기초 자바스크립트로 작성된 프로젝트에 테스트 자동화를 사용 할 때 사용 할 수 있는 도구는 다양합니다. 리스팅을 해보자면 다음과 같습니다. - Karma - Jasmine - Jest - Chai - Mocha 종류가 정말 다양하지 velog.io 위에 나온 개념들 https://medium.com/@chullino/require-exports-module-exports-%.. [Solidity] Storage VS Memory https://www.geeksforgeeks.org/storage-vs-memory-in-solidity/ Storage vs Memory in Solidity - GeeksforGeeks A Computer Science portal for geeks. It contains well written, well thought and well explained computer science and programming articles, quizzes and practice/competitive programming/company interview Questions. www.geeksforgeeks.org Memory Storage 영구적 vs 일시적 컨트랙트의 사용이 중지되면 데이터를 지워버림(일시적 공간.. [Solidity] by value VS by reference 크립토 좀비 풀어보다가 헷갈려서 찾아봤다. 파이썬 공부하면서도 나오는 개념이었던 거 같은데.. 맨날 까먹는다..🥲 괜찮다. 까먹을 때마다 와서 보면 된다. A(initial value)로 B를 만든다고 하자. By Value - B는 A의 새로운 복사본이다. - B를 수정한다고 해서 초깃값 A가 변하지는 않는다. ex) Assigning storage to memory uint[] storage A = [1, 2, 3]; uint[] memory B = A; // value of A is copied over to B // modifying B will not change A By Reference - B는 단순히 A가 저장된 곳을 가리킨다.(포인터 역할) - A의 새로운 복사본은 생성되지 않는다. - .. [개발 환경 설정] Next.js + Typescript + Styled-components https://mniyunsu.github.io/nextjs-styled-component-setting/ Next.js + Typescript + Styled-components 개발 환경 설정 | YUNSU BAE Next.js + Typescript + Styled-components 개발 환경 설정를 기록해두자. mniyunsu.github.io https://nextjs.org/docs/getting-started/project-structure Getting Started: Project Structure | Next.js Using App Router Features available in /app nextjs.org next는 auto-routing을 해주기 때문에 그 폴더 구조와 컨벤션들.. [Next.js] 230703 학습일기 https://nextjs.org/learn/basics/create-nextjs-app/ Learn | Next.js Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build pre-rendered applications, static websites, and more. nextjs.org 1. You should keep the development server running, but if you want to restart it, hit Ctrl + c to stop the server. Navigate between Pages 2. Pages in Next.js.. [CSS] position: fixed일 때 상하스크롤이 안되는 문제 해결 const Supply = () => { return ( ... ); }; const Container = styled.div` position: fixed; top: 72%; left: 50%; transform: translate(-50%, -50%); height: 100%; `; port default Supply; Next.js로 만든 Supply 페이지 코드의 일부이다. 여기서 페이지가 상하스크롤이 안되는 문제가 있었다. 상하스크롤이 작동하지 않는 이유: Supply 컴포넌트의 Container가 position: fixed 로 설정되어 있기 때문. position: fixed는 화면에 고정된 위치에 요소를 배치하는 것을 의미함. 요소의 위치는 뷰 포트에 상대적임. 따라서 컨테이너의 높이가 1.. [Typescript] styled-component에 props 전달 과정에서 오류 해결 interface TooltipProps { message: React.JSX.Element; percentage: number; } function Tooltip({message, percentage}:TooltipProps){ return ( {message} ) } const Rectangle = styled.div` width: 150px; height: 48px; position: absolute; left: ${props => `calc(${props.percentage}% - 75px)`}; //여기서 설정 //width/2 bottom: 175%; background-color: white; color: black; font-weight: 600; text-align: center; pad.. [ENS] ENS 구매!! 블록체인에 뛰어든 김에 내 닉네임으로 된 ENS 하나쯤은 사수해야겠다 싶어 구매했다. 사실 이런 거 좀 좋아한다. 세상에 하나밖에 없는 나만의 무언가? 이래서 한정판이 되는 장사인 거다. 먼저 ENS에 대해 짧게 설명하자면 내 이더리움 지갑 주소에 이름을 붙여주는 서비스다. Ethereum Name Service(제곧내ㅇㅇ) 저 0x로 시작하는 지갑 주소에 이름을 예뿌게 붙여주는 역할!! 그러면서도 나만의 identity가 되는.. 인스타 아이디 같은 느낌이다. 그리고 이제는 누군가 나에게 코인이나 토큰을 보낼 때 복잡한 주소 필요 없이 내 ens로 보낼 수 있다. ENS를 사기 위해 업비트에서 리플을 사고 그걸 바이낸스로 옮겨서 이더로 바꾸고 메타마스크로 보냈다.(...좀 복잡하다.) ENS 심지어 싸.. [React] Describing the UI 한달 전에 작성했는데 안 올렸었다니..!! 공식문서를 보는 것으로 공부방향을 바꿨다. https://react.dev/learn Your First Component – React The library for web and native user interfaces react.dev Q. 프로그래밍에서 동사 nest의 의미? A. 프로그래밍에서 "nest"란, 하나의 코드 블록이 다른 코드 블록 안에 중첩되는 것을 의미합니다. 중첩된 블록은 다른 블록 내부에 들어가기 때문에 외부 블록의 범위를 포함하게 되며, 이러한 구조를 "nested" 구조 또는 "nesting"이라고 합니다. 대표적인 예시로는 if문이나 for문 같은 제어 구조가 있습니다. 이들 구조는 중첩될 수 있으며, 이를 통해 복잡한 조건과 반.. 이전 1 2 3 4 5 6 ··· 14 다음
