일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- AI
- API
- ES6+
- react
- es6
- This
- 함수
- 변수
- array
- CSS
- 최적화
- JavaScript
- next.js
- DOM
- ES5+
- learn next.js
- hatso
- hooks
- git
- github
- Python
- 우아한테코톡
- 햇소
- gitCLI
- dev
- html5
- ChatGPT
- JS
- object
- 선택자
- Today
- Total
목록전체 글 (116)
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..
설명 Code 예시 input().split() 입력값을 공백을 기준으로 구분 a,b=input().split() print(a,b) input().split(':') 입력값을 '[문자]' 을 기준으로 구분 a,b=input().split(':') print(a,b) seperator 출력값을 '[문자]'으로 구분하여 출력 공백이면 구분없이 출력 a,b=input().split(':') print(a,b,sep='-')
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까지 하는 나만의 웹사이트를 구축해 보려고 합니다. 기획부터 시작해서 개념적 ..