초보개발자

이 게시물은 내가 직접 사용한 것만 기록하기로 한다. 핵(hack)이란 브라우저마다 css가 똑같이 적용되지 않는 것을 해당 브라우저에만 적용시키는 것을 말한다. IE 9 / IE 10 .ie9 div{ display: flex; } .ie10 div{ display: flex; } Chrome and Safari@media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari 5+ only */ ::i-block-chrome, div { display: -webkit-box; } /* chrome and Safari */ h1 { font-size: 2rem; } }

사파리의 경우 jquery의 $(document).ready()가 사용되지 않는 듯하다.그래서 $(window).load()로 했더니 문제가 해결되었다. 물론 다른 브라우저들도 문제가 나지 않았다.

예를 들어 어떤 테이블이 있다고 하자. .html 추가 메뉴 가격 메뉴 설명 그 모양은 아래와 같을 것이다. 메뉴 가격 메뉴 설명 우리는 이것을 능동적으로 늘리고 싶다. 이때 jQuery를 이용해서 할 수 있다. 우선 이벤트를 가질 버튼을 추가한다. 첫 포스트인만큼 설명을 하면 jQuery는 안에 작성해야 한다. 태그를 이용해 이라고 하고 다음과 같이 태그 위에 추가한다. 참고로 어디든 추가해도 상관없다. .html 추가 이것을 실행하면 아래와 같은 모양이 출력된다. 추가 메뉴 가격 메뉴 설명 자 이제 jQuery를 추가할 것이다. 여기서 사용할 함수는 click이라는 event 함수와 after 함수를 이용할 것이다. after 함수는 넣고 싶은 문자열을 특정 위치 뒤에 넣는 함수이다. $(select..

Windows 에서 Tensorflow를 깔려면 Python은 3.5 여야 한다.참고: http://stackoverflow.com/questions/42317075/tensorflow-r1-0-could-not-a-find-a-version-that-satisfies-the-requirement-tens python 3.6이 만약 먼저 설치되어있다면, 삭제하고 다시 까는 것을 추천한다. pip의 version이 낮을 수 있으니 실행 전에 아래 명령문을 실행시켜야 한다.pip install --upgrade pip 다 실행시켰다면 다시 위 명령어를 쓴다.pip install tensorflowpip install tensorflow-gpu

[알고리즘] 위상정렬(topological sorting) 위상정렬은 그래프를 자료구조로 가지는 알고리즘으로 유향 그래프의 정점들을 한 방향으로 나열하는 것을 말한다. 예를 들어 김치찌개를 만드는 방법을 입력받았을 때 그것을 하나의 순서로 만드는 것이다. 여러 가지 순서를 가질 수 있으며, 특정 조건에 따라 우선순위 큐(priority queue)를 사용할 수 있다. 위상 정렬이 성립하기 위해서는 반드시 그래프의 순환이 존재하지 않아야 하며 이러한 그래프를 비순환 유향 그래프라고 한다. 위상정렬을 구현하는데 여러 방법을 쓰일 수 있는데, 나는 여기서 큐와 진입 차수(indegree)를 이용한 방법을 설명하려고 한다. 알고리즘 순서는 다음과 같다.1. 간선 정보를 초기화한다. 이 때, 문제에 따라 인접행렬..

분류: 구현, 그래프입력: 테스트 케이스 C( N >> M; adj = vector(N, vector(N, false)); indegree = vector(N, 0); string str; for (int i = 0; i > str; adj[str[0] - 'A'][str[1] - 'A'] = true; indegree[str[1] - 'A']++; } vector ret = topological(N); for (int i = 0; i < N; i++) cout

flex는 유연한이라는 뜻으로 css에서 block들을 가로나 세로, 혹은 역방향으로 세워놓는 것을 말한다.이번 근로를 하면서, flex를 사용하게 되었다. 게시판 형태의 content들이 가로 방향으로 3개씩 있어야 했다. content의 사이즈는 고정값이 었다. 3개씩 두는 방법을 찾고자 구글링을 하는데, flex를 공부하는 사이트를 알게 되었다.flex를 단기간에 공부해야 하면 아래 사이트를 참조하면 좋을것 같다.http://flexboxfroggy.com/ flex에 아무런 제한을 두지 않고 content를 늘려가면, 각 content들의 width값이 줄어들면서 한 줄로 서있는 것이 문제였다.위 사이트를 참고한 결과, flex-wrap 이란 속성을 사용하면 된다.default 값은 nonwrap..

만약 수평선 hr를 넣게 됐는데 색상을 지정하고 싶다면 다음 css에서 이렇게 설정해주면 된다. 물론 css뿐만 아니라 hr tag 내에서 style 로 지정할 수 있다. hr{ border: 1px solid 색상; } 웹페이지를 만드는 경우 border를 할 때가 많은데, 이때 디자이너가 border를 포함하여 값을 주었다면 box-sizing 이라는 값을 쓰면 된다. 예를 들어 다음과 같은 html이 선언되었다고 하자. 디자이너가 가로, 세로가 각각 200px이고 border가 3px인 content를 원한다고 하자. .content { box-sizing: border-box; width: 200px; height: 200px; border: 3px solid Black; }

데이터 입력하기insert into 'tablename' (column name1, column name2, ...,) values('value1', 'value2',....);여기서 column name은 예를 들어, 제목, 작성자 등을 나타내며 value는 해당 column에 넣을 값을 말한다.이때 auto_increment 제약조건이 붙은 column은 빈칸으로 두어도 무방하다. 데이터 보기select 'column name1', 'column name2',... from 'table name' where 'condition';select 바로 뒤에는 column의 이름이 오며, from은 테이블 이름이 온다. where은 특정 조건을 나타내며 필요 없는 경우 생략할 수 있다. 예를 들어 아래와 같..

MySql을 시작하기 앞서 또 잘 잊어버리는 것을 적어두려고 한다. 처음 시작할 때 사용하는 명령어다. 대문자/소문자를 구분하지 않음을 주의한다. 세 데이터베이스 생성 create database 'dbname'; 데이터베이스 보기show databases; 데이터베이스 사용하기use 'dbname'; 테이블 생성create table 'tablename'(column1 INT, column2 VARCHAR(15), column3 INT ); 이때 괄호 안에 들어가는 것은 열을 말하며, 타입을 지정해줘야 한다. 또한 not null과 같은 제약조건도 걸 수 있다. 이것은 추후에 다시 정리하도록 하겠다.