일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- gitCLI
- AI
- es6
- JS
- hatso
- react
- DOM
- JavaScript
- 함수
- object
- next.js
- 변수
- 선택자
- developerlife
- learn next.js
- ES6+
- CSS
- array
- hooks
- dev
- This
- 햇소
- github
- ES5+
- Python
- 최적화
- 우아한테코톡
- API
- html5
- git
- Today
- Total
목록hatso (58)
codinghatso
레이아웃 sm : @media (min-width:640px) 휴대폰 세로 사이즈 md : @media (min-width:768px) 휴대폰 가로 사이즈 lg : @media (min-width:1024px) 템플릿 사이즈 xl : @media (min-width:1280px) 데스크탑 사이즈 flex : 요소를 붙인다. 가로 container mx-auto : x축에 따라 여백이 자동으로 변경된다. object-cover : 컨테이너를 덮도록 요소의 컨텐츠 조정(이미지가 늘어나거나 찌그러지지 않게 컨테이너 사이즈에 맞춰서 잘림) lg:w-1/2 : 화면비율50% overflow-hidden : 컨테이너에 비해 너무 큰 컨텐츠이면 숨겨라 float : 블록 레이아웃. 사이즈 h : 높이값 h0 ~ h6..
AI를 구현하는 데에는 여러가지 방법이있다. programming 환경을 고를 때에는 클라우드(Cloud) 와 스탠드얼론(Standalone)중 선택하게되며 장단점이 존재하기 때문에 잘 선택하는게 좋다. 클라우드 서비스중에는 Google Colab서비스를 추천한다. http://colab.research.google.com Google Colaboratory colab.research.google.com 위 서비스는 구글이 가상 컴퓨터를 제공하는 서비스이다. github와 연동해서 사용할 수 있어 유용하다. 다음은 스탠드얼론으로 작업하려면 Anaconda-Navigator를 사용하여 통합개발도구인 Spyder를 설치해야 한다. http://anaconda.com Anaconda | The World's ..
python 에서 제공하는 turtle 라이브러리를 사용하여 랜덤으로 목적지를 지정하여 그곳을 찾아가는 AI를 만들어 보았습니다. 탐색한 횟수를 기록하여 성능을 체크하였습니다. from turtle import * import random #%% target 난수 생성 targetX = (random.randint(-10, 10)) * 10 targetY = (random.randint(-10, 10)) * 10 mypen=Turtle() #%% 울타리 그리기 mypen.penup() mypen.pencolor("black") mypen.setposition(-100,-100) mypen.pendown() for x in range(4): mypen.forward(200) mypen.left(90) #%..
var의 변수 선언 방식은 단점을 가지고 있음 var topic = 'nodejs' console.log(topic) // nodejs var topic = 'mysql' console.log(topci) // mysql 변수를 다시 선언해도 에러가 나오지 않고 각기 다른 값이 출력됩니다. 이러한 상황이 반복된다면 코드의 복잡성이 증가함에 따라 곤란한 경우가 생길 수 있다. 때문에 많은 javascript 개발자들은 이러한 문제를 방지 하기 위해 let 과 const를 사용하여 변수를 선언하기로 하였다. let은 변수에 재할당이 가능하다. let topic = 'nodejs' console.log(topic) // nodejs let topic = 'mysql' console.log(topci) // U..
평화로운 공부중 하루 일과를 마치고. $git push를 입력했지만 remote: Support for password authentication was removed on August 13, 2021. Please use a personal access token instead. remote: Please see https://github.blog/2020-12-15-token-authentication-requirements-for-git-operations/ for more information. fatal: unable to access 'https://github.com/[user_name]/[rep_name].git/': The requested URL returned error: 403 위 ..
javascript의 기본적인 개념에 대한 복습을 오늘 끝마쳤습니다. 블로그에 어떤 컨텐츠를 업로드 하면 좋을까 고민을 했습니다. JS에 대한 언어를 서술하는 것 보다. 굳이 외울필요없는 웹상에서의 우리가 알던 함수 또는 개념의 또다른 모습을 인상깊었거나, 자주 사용될 것같은 기능 또 매력적인 키워드가 있다면 그것을 블로그에 포스팅하여 무언가를 발견했을때의 기쁨과 감동을 저의 블로그를 찾아주신 분들과 나누려고 합니다. 언어 포스팅은 아마 전체적으로 비슷한 흐름으로 흘러갈것 같습니다. 감사합니다.
PULL - COMMIT - PUSH 오늘은 git과 github를 이용한 협업에 관한 기초 공부를 마무리 하게되었습니다. git을 이용한 협업이 어떻게 이루어 지는지 파악했다고 생각하는 하루였습니다. 뿌듯하지만 또 생각이 많아지는 하루입니다. git이 얼마나 효용적이고 가치있는지 알게되었지만. 개인적인 단점은 git은 git을 알고 있는 사람과만 협업할 수 있다는 것입니다. 이를 해결하기 위해서는 어떠한 방법이 있는지 찾아보려고 합니다. 앞으로 어떻게 공부를 해나아가야 할 지 생각하게 됩니다. 나는 CLI환경에서 어떤식으로 프로젝트를 진행하면 좋을지 알게되었으니 본격적으로 프로젝트를 시작할 단계인 것이라 생각했고, 직접 DNS까지 하는 나만의 웹사이트를 구축해 보려고 합니다. 기획부터 시작해서 개념적 ..
협업을 하는 환경에서 우리는 많은 confilct가 발생한다 이를 최소화시켜주고 좀 더 신중하게 commit 하기 위해 git에서 제공하는 기능에 대해 말하려고 한다. 우선 pull이 어떻게 작동되는지 아는 것이 먼저이다. git pull = git fetch; git merge origin/master git fetch는 현재 remote branch를 먼저 다운로드하여 그 상태를 볼 수 있게 하고, gir merge origin/master 명령어로 하나의 버전으로 병합시킨다. 이 과정을 자동으로 해주는 것이 pull인 것이다. 우리는 pull이 매우 편리하여 자주 사용하지만, commit이 많이 발생하는 시기이거나 매우 신중함을 요구하는 상황이라면 절차적으로 문제를 풀어 나아갈 필요가 있습니다. t..