🖱️ 전체 글 (20) 썸네일형 리스트형 WebPack5 #3 - 파일 로딩 안녕하십니까.노래듣다가 과몰입한 하프 입니다. 🎶 이번에는 번들링을 할 때 파일로딩을 어떻게 하면 좋을지를 알아보도록 하겠습니다. 📝 목차 Module Loading기본 설정폴더 구조를 다음과 같이 설정합니다. 📁 webpack-demo |- 📜 package.json |- 📜 package-lock.json |- 📁 dist |- 📜 index.html |- 📁 src |- 📜 index.js (수정) |- 📜 style.css (추가) |- 📜 image.jpg (추가) |- 📜 Pretendard.ttf (추가) |- 📜 webpack.config.js 기본 설정을 위해, 이미지와 폰트를 먼저 다운 받고, 다음 경로로.. WebPack5 #2 - 번들링 셋팅 안녕하세요.도서관 갔다가 휴관으로 집으로 다시 돌아온 하프입니다. 🥹 이번에는 번들링을 하기 위한 초기 셋팅을 해보려고 합니다. 프로젝트 셋팅라이브러리 설치cmd 터미널에서 진행해주시면 됩니다.mkdir webpack-democd webpack-demonpm init -ynpm install webpack webpack-cli --save-devnpm install --save lodash VSCode 플로그인 설정번들링 된것을 실행하기 위해서는 VSCode에서 Live Server라는 플로그인이 필요합니다. 설치하게 되면 오른쪽 하단에 Go Live 라고 하나가 생깁니다. 이 버튼을 누르게 되면, 현재 경로에 서버가 켜진다고 보시면 됩니다. 폴더 구조 생성다음과 같이 프로젝트를 셋팅해줍니다. .. WebPack5 #1 - 핵심 내용 안녕하세요.비트코인 하다가 나락간 하프입니다. 😂 이번에 알아볼것은 웹팩 입니다.제가 참조했던 자료는 webpack 사이트 입니다.한국어로 번역이 되어있고 가이드도 친절하니 한번 해보시면 좋을 듯 합니다. 📝 목차 웹팩이란?웹팩은 오픈 소스 자바스크립트 모듈 번들러로써 여러개로 나누어져 있는 파일들을 하나의 자바스크립트 코드로 압축하고 최적화하는 라이브러리 입니다. webpack 버전 4.0.0 이후로는 프로젝트를 번들링하기 위한 설정 파일을 필요로 하지 않습니다. 하지만 사용자 요구에 따라 기대 이상으로 유연하게 설정이 가능 합니다. 웹팩의 장점1. 여러 파일의 자바스크립트 코드를 압축하여 최적화 할 수 있기 때문에 로딩에 대한 네트워크 비용을 줄일 수 있습니다.2. 모듈 단위로 개발이 가능하며.. GIT Bash를 이용해서 브랜치 생성 및 머지를 해보자! 안녕하십니까코딩하다 늦잠 잔 하프 입니다. 이번에는 Git Bash를 이용해서 브랜치를 생성해보고 머지를 해보도록 하겠습니다. 📝 목차 깃허브에서 새롭게 저장소를 하나 만들어주겠습니다. git remote를 이용하여 저장소와 연결시켜주면 됩니다 😊구글링 또는 이전 글에 정보가 있으니 참고하여 주시길 바랍니다! 브랜치 생성&삭제브랜치 구조git branch를 이용하여 새로운 브랜치를 만들 수 있습니다.브랜치는 버전관리를 하기 위해서 만들기 위함이라고 보시면 됩니다. 제가 회사들을 다녀보면서 구조들을 보아온 결과..아래와 같은 구조를 많이 사용하더라구요.이와 유사한 형태로 만들어보도록 하겠습니다.prd└─ dev └─ feat-[이슈 번호] └─ feat-[이슈 번호] ... 아.. GIT Bash로 커밋, 푸시를 해보자! 안녕하세요.커피마시다가 키보드에 쏟은 하프 입니다. 그동안의 Git 명령어를 사용하면서 많이 사용하는 명령어를 위주로 사용을 해보도록 하겠습니다.저장소는 깃허브로 사용을 하겠습니다. 📝 목차 초기 설정git bash깃허브를 설정하다보면 꼭 설치해야 하는 부분은 git bash 입니다.설치가 안되어 있다면 설치 후 오도록 합시다! 편집기의 경우는 vscode로 하였습니다. git init현재 경로에 깃 저장소를 설정하기 위해서는 git init으로 설정이 필요합니다.git init을 입력하여 보면 다음과 같이 깃 저장소가 설정이 됩니다. .git 폴더가 생성이 된것을 볼 수 있습니다. Git Statusgit statusgit status는 현재 untracked에서 tracked로 변환된 목록들.. [파이썬] 코인 자동매매 만들기 #1 - API Key 생성 안녕하십니까.운동하다가 UFO 물리치러 갔다 돌아온 하프 입니다. 저는 해당 블로그를 참조하여 개발하였습니다. 📝 목차 업비트업비트 API Key 생성업비트 홈페이지에 접속하여 로그인 → 고객센터 → Open API 안내 → Open API 사용하기를 진행해줍니다. Open API 관리에서 체크 박스는 본인이 원하시는 부분 체크하시면 됩니다.필수 부분은자산조회, 주문조회, 주문하기 이 세개만 있으면 됩니다. IP 주소 등록은 여기에서 확인한 IP를 넣어줍니다.특정 IP 외에는 호출이 안되도록 설정하는 겁니다. 이렇게 나온 API키를 복사해서 백업해두면 끝 입니다. 다음은 API Key를 이용해서 거래를 진행해보도록 하겠습니다. 0.1 + 0.2 != 0.3 ... ? 안녕하십니까.커피를 내리다가 뜨거워서 놓친 하프 입니다. ☕ 이번에는 0.1 과 0.2 더한값이 0.3 이 아닌 이유를 설명해보겠습니다.개발자 면접 질문에서도 많이 나오는 질문이기도 하죠! 📝 목차 0.1 + 0.2 != 0.3원인 파악수학적으로 생각하여 보면, 발생할 수 없는 오류일 것 입니다.하지만 컴퓨터의 동작원리로 본다면 달라질 수 밖에 없는 구조입니다. 간단하게 개발자 모드에서도 확인할 수 있습니다. 결과를 보니 0.30000000000000004 이 나오는걸 볼 수 있습니다.0 이 왜이렇게 많을걸까요 ㅋㅋ .. 데이터 저장 방식우선 컴퓨터가 어떻게 데이터를 저장하는지 알아보겠습니다.보통의 언어에서는 float : 32bit, double : 64bit로 되어 있고자바스크립트의 경우 num.. 소수점 진법 변환을 알아보자! 안녕하십니까!오류 고치다가 온 하프 입니다. 👾 이번에는 소수점 변환에 대해서 알아봅시다소수점 변환은 헷갈리는 부분이 많으니 여러번 보셔야할 수 있습니다! 📝 목차 10진수10진수 to 2진수 소수점 0.125(10)을 2진수로 변경해보겠습니다.소수점의 경우는 변환하고자 하는 진수를 곱한 뒤 0으로 끝나면, 마치면 됩니다. 아래의 예시를 보고 갑시다 ⭐ 0.125에 변환하고자 하는 진수(2)를 계속 곱하여, 올림이 없으면 0을 있으면 1을 차례차례 작성해주면 됩니다. 0.125에서 2를 곱하게 되면0.250, 올림이 없으니 00.250에서 2를 곱하게 되면0.5, 올림이 없으니 00.5에서 2를 곱하게 되면1.0, 올림이 있으니 1 나머지가 없으므로, 종료하게 됩니다!순서대로 나열해주면 0.001 .. 진법 변환을 알아보자 안녕하세요. 야생에서 등장한 하프입니다! 🌟 기초중에 기초인 진법 변환에 대해서 알아보겠습니다! 핵심만 딱!! 알려드리겠숩니다 이거 하나만 기억하고 갑시다. 8진수는 3개씩 16진수는 4개씩 꼭! 📝 목차 10진수 10진수 to 2진수 10진수에서 2진수로 변경하기 위해서는 2로 계속 나누면 됩니다. 2로 나눈 후 나머지 값들만 찾아서 작성해주시면 됩니다! 예시는 125를 통해 해보도록 하겠습니다. 125을 2로 나눈 후 몫은 62 나머지는 1 62을 2로 나눈 후 몫은 31 나머지는 0 31을 2로 나눈 후 몫은 15 나머지는 1 15을 2로 나눈 후 몫은 15 나머지는 1 7을 2로 나눈 후 몫은 3 나머지는 1 3을 2로 나눈 후 몫은 1 나머지는 1 1을 2로 나눈 후 몫은 0 나머지는 1 몫이 .. 이전 1 2 3 다음
