IT Dev Log

Bootstrap Web 만들기 part. 5 Projects 소개 프로젝트 섹션의 제목 만들기 4개의 포로젝트를 소개하기 위해서 화면을 4등분해서 card 모듈을 추가한다. 프로젝트 이미지의 시작 높이를 다르게 두어서 계단식의 효과를 줄수도 있다. 이제 break point 를 이용해서 responsive view 를 만들어보자. - 화면크기가 large 이면 4개를 프로젝트 화면에 보여주고, - 화면크기가 small, medium 이면 2개만 하나의 row에 보여준다. 끝.

Bootstrap Web 만들기 part. 4 Skills 만들기 skill section 에 들어갈 내용를 준비한다. skills 디자인 첫번째 Skills에 대한 내용을 추가한다. 두번째 세번째 skill 의 경우는 첫번째 코드를 복사해서 이름과 아이콘을 변경해서 사용한다. Responsive view 에 대해서 확인해보자. - col-lg-4 : large 화면에서는 4개의 grid 사용 - col-sm-10 : small 화면에서 10개의 grid 사용 - mx-auto : x축 margin 자동 설정 - mb-5 : bottom margin 5 이제 화면을 줄였을때 보다 자연스런 화면을 볼수 있다. 끝.

Bootstrap Web 만들기 part. 3 Banner 만들기 - 텍스트 꾸미기 - 버튼 꾸미기 배너에 들어갈 내용을 작성한다. container-fluid : 컨테이너를 하나 생성, 사이즈는 화면 풀사이즈 텍스트 디자인 버튼 디자인 끝.

Bootstrap Web 만들기 part. 2 Navbar 만들기 Navbar 에 들어가는 메뉴를 생성한다. 이제부터 bootstrap navbar 에 대한 스타일을 적용한다. 화면의 크기가 md 설정보다 작은 경우, 세로로 메뉴가 보이게 된다. 다음은 회사의 메뉴에 로고를 추가해보자. 메뉴 스타일 변경 - 메뉴 로고 사이즈 2배 : fa-2x - 매뉴 배경 어둡게 : bg-dark - 메뉴 아이템 밝게 : text-light - 메뉴 아이템 대문자 표시 : text-uppercase - 메뉴 아이템 볼드 : text-weight-bold - 좌우 pading 3 적용 : px-3 Dropdown 메뉴 추가하기 Projects 메뉴아래 서브메뉴 추가한다. dropdown-toggle : 하위 메뉴가있다는..

부트스트랩만으로 웹사이트 만들기 웹사이트를 위한 폴더를 하나 생성하고 사용할 이미지를 저장할 폴더, 그리고 index.html 하나를 생성한다. Bootstrap 공식 웹사이트에서 starter template를 복사해서 index.html 파일에 붙여넣는다. 여기서 title 과 body 에 있는 부분만 다음과 같이 수정해 준다. 그리고 브라우저를 이용해서 index.html 파일을 열어보자. * FontAwesome 사이트에서 여러가지 이미지를 사용하기 위해서 라이브러리를 추가해주어야 한다. 예전에는 공개된 소스를 받아서 했는데, 현재는 사용자 계정을 생성하고 kit 을 받아서 하는 방식으로 변경되었다. 이제 마지막으로 웹사이트 로고를 추가해 보자. 끝.

Sudoku 게임에 대한 기본 로직 구현하기 C# 파일을 하나 생성하고 이름은 Board 라고 변경하고 시작한다. project > C # script 생성 파일을 생성하면 디폴트로 다음과 같은 코드가 생성되어 있지만 Start() 만 남기고 나머지는 모두 삭제한다. 기본적으로 스토쿠의 경우 9*9 배열을 사용한다. 그래서 9*9 에 대한 기본값을 생성하는 배열을 만들어준다. solvedGrid : 스도쿠의 기본값을 저장하는 배열 s : 디버깅을 위한 임시 저장 스트링 InitGrid() : 9*9 배열을 값을 생성하는 함수 그리고 일단 화면을 생성해둔다. (현재는 아무런 기능이 없는 그냥 화면만 출력한다.) 디버깅을 위해서 Inspector 에 이름을 Board 로 설정하고 조금전에 작성한 코드가 있는..

리스트에 있는 모든 string 을 int 로 변경하기 Python 3. map() 에서는 map 객체로 반환하기 때문에 마지막에 한번더 list 로 type 변경해줄 필요가 있다. Python 2. map 에 원하는 type 과 함께 넣고 변경하면 된다. 자료출처 : https://stackoverflow.com/questions/7422453/python-change-type-of-whole-list Python change type of whole list? I would like to do something like this def foo(x,dtype=long): return magic_function_changing_listtype_to_dtype(x) i.e. a list full of st..

하나의 값을 선택한 경우 radio 버튼을 이용하면 되는데, 여러개의 값을 선택해야 하는 경우 checkbox 로 선택해서 가져올수 있다. 그런데 이 경우 radio 와 동일하게 값을 처리하면 마지막에 선택한 값만을 가져오게 된다. 구글 검색결과 이 경우 getlist() 함수를 사용해서 가져올수 있다. html 의 form 은 다음과 같이 작성해준다. 그리고 request.POST 데이터를 읽을때, 로그 확인결과 끝..

objects.get() - 검색결과에 해당하는 하나의 객체만을 반환한다. 그래서 get()의 경우 unique 한 값을 가지고 검색하는 것이 좋다. 만일 결과로 여러개의 객체가 조회되면 MultipleObjectsReturned 에러가 발생한다. - Returns the object matching the given lookup parameters, which should be in the format described in Field lookups. objects.filter() - 검색결과에 해당하는 여러개의 객체를 포함하는 QuerySet을 반환한다. filter의 경우, 키워드 검색이라 특정 조건을 만족하는 객체를 검색할때 이용할수 있다. - Returns a new QuerySet contai..

출처 : https://stackoverrun.com/ko/q/12430985 Django CharField 양식에 개행 문자를 삽입하십시오. Django Charfield Form에 여러개의 개행을 만들 수있는 해결책이 있는지 알고 싶습니다. 나는 필드 Description을하고 난 내부에 뭔가를 쓰고 싶습니다 지금은 가지고까지 Hello, My name is John. I am 23 years old. Is it possible to help me ? 불행하게도 : class ... stackoverrun.com 장고 테스트 입력시, 데이터를 여러줄로 나눠서 표시하는 방법 Question 질문은 다음과 같으며, 해결 방법