본문 바로가기

분류 전체보기

(204)
[Web] div안에 div 가운데 정렬하기 웹 디자인을 하다보면 가장 많이 쓰는데 또 맨날 까먹는 것 중에 하나가 바로 가운데 정렬이다. 무의식적으로 바로 text-align : center 사용하고는 아 왜 안되지? 그다음은 이제, vertical-align : middle 사용하고는 아 왜 안되지? 무한 반복하다가, 아 맞다....하고는 최후의 수단? 만병통치약으로 사용하는 것이 바로 position을 사용한 가운데 정렬이다. 안녕? 레알 만병통치약이다. 부모 클래스에는 position : relative; 자식 클래스에는 position : absolute; top: 50%; left : 50%; transform: translate(-50%, -50%);
[Web] css 한 줄에 여러가지 색깔 넣기 한줄에 여러가지 색깔을 사용하려면 꼭 써줘야하는 css 속성이 있다. 오늘 해볼 것은 한줄에 여러가지 두가지 색상을 표현하고, 또 추가로 마우스를 가져다 대면 (hover) 색이 변하는 css를 구현해보려 한다. like this -> 가장 중요한 것은 바로바로 !!! display : inline-block 을 넣어 주는 것이다. 그리고 hover 속성을 전체 묶어주는 div에 주어야 마우스를 가져다 대면 동시에 모든 색상이 변할 수 있다. hover 속성을 main_titl_1:hover / main_titl_2:hover 이런식으로 따로따로 주게 되면 글자를 반 나눠서 왼쪽 반에 가져다 대면 왼쪽만 바뀌고, 오른쪽에 가져다 대면 오른쪽만 바뀌게 된다. (이런 효과를 원한다면 이렇게 따로따로 hove..
[Web] ajax로 불러온 요소(element)에 접근하기 ajax로 데이터를 불러와서 innerHtml로 신나게 때려박았다. 그리고는 다음 javascript에서 innerHtml로 박아 넣은 div의 id를 가져다 쓰려는데,,, 불러오지를 못했다. 일번 프로젝트 위의 코드로는 아무리 project_list를 눌러도 눌러지지 않는다.. (ajax로 불러와서 innerHtml 한경우만!!) ajax로 불러온 데이터들에 접근하려면 다른 방법을 사용해야한다. --> 해결방법 script 부문을 다음과 같이 바꿔보자
[Web] html 안에 html 넣기 (html import 하는 방법) html을 쭉 작성하다보면, 페이지별로 공통적인 부분이 존재한다. 이를 따로 파일화 하는 것을 모듈화 라고 한다. 따로 파일로 빼서 , 공통부분은 그 파일을 참조해서 만들어라 라고 하는 것이다. // 이 부분에 import 한 menu가 들어가게 되는 것이다. 내용 자주 사용하게 되어 따로 빼둔 html파일은 menu.html 이다. html에 header라는 id로 div를 만들어 둔다. (menu.html)이 들어가게 될 구멍이라고 보면 된다. $(document).ready(function() { -> 페이지가 로딩 되면 실행하라 라는 함수이므로, 로딩과 동시에 menu.html을 심으세요@!! 라는 뜻이라고 생각하면 된다.
[Python] 아나콘다 가상환경 이름 바꾸기(Change the name of the virtual env in Anaconda) 1. conda create --name 바꿀이름 --clone 기존이름 conda create --name py37_32 --clone python_env 2. 복사된 가상환경 확인
[Python] 아나콘다 32비트 가상환경 만들고 파이참에서 사용하기 (Making 32bit Python in Anaconda & Using virtual env in Pycharm) ***키움 Open API 연동오류 해결 방법 AttributeError: 'QAxWidget' object has no attribute 'OnEventConnect' 오탈자도 없는데, 위와 같은 문제가 생겼다. 찾아보니, bit가 안맞아서 발생하는 문제였다. OPEN API는 32bit인데, 내가 사용하던 파이썬은 64bit이기 때문이다. 결론적으로는 파이썬 32bit 가상환경을 만들어서 파이참에서 사용하면 된다. 1. 아나콘다 프롬프트 실행 (1. Anaconda Prompt) 2. 파이썬 32비트로 설정 (2. setting 32bit python) set CONDA_FORCE_32BIT=1 3. 파이썬 가상환경 설치 (3. install 32bit python virtual env) 가상환경이름..
[Tensorflow 자격증 공부] batch_size의 개념 1000장의 데이터 batch_size = 10 update : 100번 장점: 미세한 조정 가능 단점: 속도가 느리다 업데이트 되는 양 자체도 작아서 초기 학습 값이 잘못되었을때 다시 되돌아 오지 못한다. batch_size = 100 update : 10번 장점: 크게크게 업데이트 속도가 빠르다 단점: 정밀도 떨어진다 적절한 batch_size 찾는 법 model.fit(batch_size는 32로 디폴트 지정됨) 또는 전처리 단계에서 batch_size 설정 가능 -> 장점은 train batch 크게/ valid batch 작게 따로 설정가능 Train/valid data 개수 batch_size steps_per_epoch validation_steps 1000 10 100 200 10 20 1..
[Tensorflow 자격증 공부] 1번문제 전체 복사 붙여넣게 금지 xs 와 ys 값이 랜덤으로 주어지므로 #YOUR CODE HERE 이하로만 손대기 import numpy as np import tensorflow as tf def solution_model(): xs = np.array([-1.0, 0.0, 1.0, 2.0, 3.0, 4.0], dtype=float) ys = np.array([5.0, 6.0, 7.0, 8.0, 9.0, 10.0], dtype=float) # YOUR CODE HERE model = tf.keras.models.Sequential([ tf.keras.layers.Dense(1, input_shape=[1]), ]) model.compile(optimizer="sgd", loss="mse") model.fit..
[Utils] 구글 코랩(Google Colaboratory ) 단축키 ctrl + m + a 위에 셀 추가 ctrl + m + b 아래에 셀 추가 ctrl + m + d 셀 삭제 ctrl + enter 해당 셀 실행 shift + enter 해당 셀 실행 후 다음 셀로 이동 Alt + enter 해당 셀 실행 후 아래쪽에 셀 추가 ctrl + m + m 해당 셀을 텍스트셀로 변환 ctrl + m + y 해당 셀을 코드셀로 변환
[Utils] 구글 코랩 사용하기 (Google Colaboratory) tensorflow 자격증 환경 세팅하기 1. 구글 드라이브 새로만들기 - 더보기 - 연결할 앱 더보기 (필자는 코랩이 깔려있어서 목록에 보이는 상태) 2. "colab" 검색하여 설치 실행