Chikaka 개발새발

참고 : https://docs.djangoproject.com/en/dev/ref/models/fields/#django.db.models.ForeignKey.to_field Model field reference | Django documentation | Django Django The web framework for perfectionists with deadlines. Overview Download Documentation News Community Code Issues About ♥ Donate docs.djangoproject.com Django에서 Foreign key를 사용하면 기본적으로 pk 값을 가져와서 참조한다. 하지만 pk 말고 원하는 열을 참조하고 싶다면?? ForeignKey..

templates를 이용하지 않고 정적 파일을 static폴더에 넣고 model에서 생성한 DB를 JSON으로 보내는 api를 생성하는 방법이다. 일단 api 전용 app을 따로 만들어 주어야 한다. > py manage.py startapp app이름 물론 settings.py에 등록 잊지 말아야한다! 그리고 상위 urls.py에 aip.urls를 등록해준다 그리고 api app에 urls.py를 생성하고 원하는 url을 생성해준다. views.py에서는 해당 model이 있는 파일에서 원하는 메소드를 import해주고 serializers를 이용하여 json으로 변경해준다. 그리고 그 값을 HttpResponse로 응답하도록 해준다. JavaScript에서 ajax로 요청하는 방법 console로 찍..

일단 아코디언 메뉴를 만들기 전에 빌드업을 해주겠습니다. (1)편은 toggle button을 이용하여 메뉴 보였다 안보였다 하기 일단 기본 세팅 먼저 해줍니다. 원하는만큼 리스트 채우기 Header Main menu1 Sub menu1 Sub menu2 Sub menu3 Sub menu4 Main menu2 Sub menu1 Sub menu2 Sub menu3 Sub menu4 Main menu3 Sub menu1 Sub menu2 Sub menu3 Sub menu4 Main menu4 Sub menu1 Sub menu2 Sub menu3 Sub menu4 Main menu5 Sub menu1 Sub menu2 Sub menu3 Sub menu4 그리고 CSS 기본 세팅 그러면 일단 이런 모양이 됩니다..

drop down이 되는 menu bar을 만들어 줄건데 header 아래 contents가 있다고 가정하고 drop down될 때 contents를 밀어내는 것이 아니라 contents 위에서 하위 메뉴를 보여줄 수 있도록 하겠습니다. Flex box를 이용해서 만들어 볼게요! header 밑에 contents를 임의로 만들어 주겠습니다. 1. 먼저 원하는 메뉴 리스트를 만들어 줍니다. 2. 그다음 리스트 스타일을 전부 없애줍니다. - padding: 0; 으로 왼쪽에 있던 공백 없애주기 3. 아래로 정렬되어 있는 메뉴들을 옆으로 정렬시킵니다. (Main menu 기준으로) - display: flex; 를 이용하면 옆으로 정렬됩니다. - .navbar__menu 는 Main menu를 감싸고 있는 u..

(내가 보기 위한 지식 정리이기 때문에 불친절할 수 있습니다!) 1. 기본 지식 ① 중심축과 반대축 ② Container와 item Container에 적용하는 태그와 item에 적용하는 태그가 각각 다름 - Container: 전체 한꺼번에 적용 display flex-direction flex-wrap flex-flow justify-content align-items align-content - item : 개별 적용 order flex-grow flex-shrink flex align-self *참고: float는 이미지와 그를 둘러싸고 있는 글의 위치 변경을 위한 태그 (box를 정렬하는데 사용하지 않음) 2. CSS태그 Flexbox로 만들기 위해 해야할 첫번째 Container에 displa..

1. display display 는 block이냐 inline이냐를 결정짓는 태그 * block이란 이렇게 옆에 자리가 충분히 있음에도 불구하고 아래로 배치하는 속성 * inline이란 옆으로 배치되는 속성 기본적으로 상자를 만드는데 와 이 있다. 는 block으로 만들어지고 은 컨텐츠를 기준으로 만들어진다. 와 을 같은 조건으로 만들었을 때 은 보이지 않는다. 은 안에 내용이 있어야 보여진다. 그래서 는 내용이 없어도 width, height를 정한 만큼 생성되지만 은 width와 height를 무시하고 컨텐츠 크기만큼 그려진다. 그리고 는 아래로 한개씩 만들어지고(block), 은 옆으로 쭉 만들어진다.(inline) 이때, → 또는 → 로 변경하려면 display를 사용한다. ① display: ..

로 만든 dropdown에서 기본값을 첫번째값으로 설정할 때 두가지 방법이 있다. index값으로 하거나, first를 이용하거나 $('#button').siblings('ul').children('li:eq(0)').click(); $('#button').siblings('ul').children('li:first').click(); - li:eq(index값) - index값 : 0이 첫번째값 - li:first 요소 첫번째값 - li:last 요소 마지막값

properties에서 상수 설정을 하고 ## insert sql interval(SECONDS) custom.interval=10 이 값을 이용하는 방법 클래스에 써줘야하는 부분만 (클래스, 함수 이름은 임의로 설정) import org.springframework.beans.factory.annotation.Value; @Component public class A { @Value("${custom.interval}") private String SECONDS; public void B(SensorData sensorData) throws IOException { sensorData.setSECONDS(SECONDS); sensorDataService.create(sensorData); } } @Va..