본문 바로가기
  • 개발 / 공부 / 일상

전체 글207

(Project) 230410 ~ 230414 주간 회고록 https://developerjjh.tistory.com/184 Intro) 주말에 막 깊게 생각 안 하고 쉬었던 거 같다. 금요일에 다들 갈 때도 주말에 쉬고 오자. 뇌를 비우고 오자 등 이런 식의 말을 하면서 다들 했었으니... ㅋㅋ 230410) 두 번째 스프린트 회의를 진행했다. 주말 동안 쉬면서 건의사항이나 궁금한 사항들이 있던 인원들이 정리해서 회의전에 알려주었다. 그래서 이걸 스프린트 회의 내용에 정리해서 반영했다. 본인 曰 '제가 생각한 저희팀 저번주, 요번 주 계획은 API R&D 후 Defi 전체목록 메인페이지에 출력하기입니다!' 라고 이야기를 했다. 그래서 포지션 별로 프론트는 정적인 메인페이지의 구조, 규격을 완성하는 것 백 포지션 인원들은 LP전체 목록을 가져오되, 모든 정보를 .. 2023. 4. 16.
(Project) 230403 ~ 230407 주간 회고록 Intro) 그동안 그 커리큘럼을 지나고 정말 마지막 프로젝트인 기업협약 프로젝트가 시작 됐다 바로 전주에 내부 2주 프로젝트가 끝나는 날, 지금의 프로젝트 팀이 공개가 되었다.. 팀 발표! 팀장, 본인 이름 팀원, 5명의 인원 이름 라고 담당 교수님의 말씀으로 팀이 확정이 났다 몇 명의 인원들은 어느 정도 예상을 했지만, 또 다른 몇 명은 의외의 인원들이 와서 반가우면서도 한편으로는 걱정이 됐다 230403) 뭐부터 해야 할지 몰랐다 일단 프로젝트 내 통일할 사항들을 시작으로 스프린트 회의를 시작하였다, 공통적으로 이야기해야 할 것들을 말하면서 들어갔다 코드 컨벤션(변수 표기법, 함수 선언 등), API 문서 작성, 문서관리, Front, Back 프레임 워크, 기본 설정 등 그때 그때 이야기 했던 거.. 2023. 4. 16.
(JavaScript) Callback 함수 목차) Callback 함수란? Callback 함수의 필요성 Callback 함수를 만드는 법 Callback 지옥 Callback 함수의 정의 다른 함수가 실행을 끝난 뒤에 실행되는 함수 함수 안에서 어떤 특정한 시점에 호출되는 함수 다른 함수의 매개변수로 함수를 전달하고, 어떠한 이벤트가 발생한 후 매개변수로 전달한 함수가 다시 호출되는 것 파라미터로 함수를 전달받아, 함수의 내부에서 실행하는 함수 예시) 식당에 웨이팅이 걸려서 식당 앞에 있는 어플로 핸드폰번호를 적어 두고 입장 대기를 걸어둔다 이후 다른 식당이나 쇼핑 등 마냥 기다리는 게 아닌 다른 행동을 하면서 기다린다 적어둔 핸드폰번호로 입장하라는 말이 올 때 식당으로 가는 것이 callback함수가 호출되는 시점이라고 할 수 있다 Callb.. 2023. 4. 4.
(Javascript) Javascript Runtime Runtime 이란? 프로그래밍 언어가 구동되는 환경 어떤 프로그램이 동작할 때, 프로그램이 동작하는 장소 JS Runtime 종류 웹 브라우저 HTML 태그 내에 JS 코드를 작성하면 웹 브라우저에서 작동 Nodejs CLI 환경에서 node (js 파일이름) 명령어를 입력하면 nodejs 런타임 아래에서 작동 일종의 JS 실행 JS Engine, Web APIs, Callback Queue, Event Loop 등으로 이루어져 있다 Memory Heap + Call stack으로 구성된 JS Engine ( V8 : 오픈 소스 JS엔진 ) 이벤트 리스너에 의해 실행되어 해당 이벤트에 실제로 어떤 수행을 할지를 결정하는 이벤트 핸들러를 모아둔 Callback Queue (Task Queue) Call .. 2023. 4. 4.
(JavaScript) JS 동작원리 JS Engine Call Stack과 Memory Heap으로 데이터 및 코드 실행을 관리 Memory Heap 메모리 할당이 일어나는 곳, 선언한 변수나 함수 등이 이곳저곳에 무작위하게 담겨져 있다 Call Stack 코드가 실행될 때 쌓이는 곳, 자료구조의 stack과 같은 원리(선입후출) Web APIs JS Engine만으로 웹이 동작하지 않고 그 외적인 요소들의 동작도 런타임으로 이루어 진다 브라우저에서 제공하는 Web APIs 중 대표적 3가지 DOM(document) Ajax(XMLHttpRequest) Timeout(setTimeout) Call Stack에서 실행된 비동기 함수들은 Web API를 호출하고 그 호출된 함수의 Callback Function을 queue에 밀어 넣는다 Ca.. 2023. 4. 2.
(BlockChain) NFT-Market (2) https://developerjjh.tistory.com/179 (BlockChain) NFT-Market (1) NFT를 거래할 수 있는 조그마한 Market을 만들어 보려고 한다 일단, 시작에 앞서 파일 및 폴더 환경설정부터 하면서 천천히 진행하려 한다 0. TS 설치 npm list -g npm i -g typescript ts-node 이전에 TS를 사용 developerjjh.tistory.com 이전 게시물에 앞서 코드를 이어가 보려고 한다 nft-market/back 추가 라이브러리 설치 npm i axios web3 web3-utils mkdir contracts back/contracts // SPDX-License-Identifier: MIT pragma solidity ^0.8.19.. 2023. 3. 17.