초보개발자

URL 패턴 만드는 방법(표기법)^ : 문자열이 시작할 때$ : 문자열이 끝날 때\d : 숫자。: 바로 앞에 나오는 항목이 계속 나올 때() : 패턴의 부분을 저장할 때 정규 표현식을 작성할 때는 항상 문자열 앞에 r 을 붙인다.

학교에서 근로하는 중에 웹 개발 관련하여 Python을 사용하게 되었다.아직은 시작이라 잘 모르지만 Django를 사용할 예정이라 앞으로 공부할 내용을 여기 기록할 예정이다.https://tutorial.djangogirls.org/ko해당 사이트를 보며 실습 중이다.

이 게시물은 내가 직접 사용한 것만 기록하기로 한다. 핵(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..

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; }