2021년 목표설정

-
이미지
기본적으로 작년에 달성하지 못한 것들을 하려고 생각중인데..코로나가 언제까지 이어질지, 한국이나 북해도는 갈 수 있을지..자격증은 응시 가능할지..여러가지가 불확실하다. 2021년은 무엇보다 정신적인 부분과 경제적인 부분에 중점을 두고 조금 더 치열하게 지내보고 싶다. 일본나이로도 30대 마지막 해, 이제 불혹에 접어드는 나이..복잡하지만 심플하게. 육체적목표 : 트라이에슬론 스탠다드 도전하기 정신적 : 자격증2개 도전 + 자체개발 서비스 론칭 가족적 : 가정의 평화를 유지하기 경제적 : 외식과 유흥비를 줄이고 부수입을 늘려서 결과적으로 저축하기 사회적 : 목표세미나를 포함해서 민단과 개인인맥의 활성화와 교류를 촉진하기
댓글 1개

Bootstrap 이용해서 메뉴 접고 펼치는 방법과 선택된 페이지 메뉴 반전시키는 법

-


위 화면 같이 메뉴를 만들어서 구분(학부/학과 등) 메뉴를 누르면 접히고 펴지며 세부메뉴를 누르면 페이지가 이동하며 해당 페이지인 경우는 파란색으로 색상을 반전시키고 싶었다. 특히, URL 이 변해도 메뉴가 체크되도록 하고 싶었다. 
Bootstrap에서 collapse라는 것을 사용하면 쉽게 만들 수 있는데, 특히 accordion 속성을 주면 접었다 폈다 하는 메뉴를 쉽게 만들 수 있다. 또한, 클래스 속성에 'in' 이 들어가면 메뉴가 펴지고, 없으면 접힌다. 링크 테그의 클래스 속성에 'active' 가 붙으면 위 사진처럼 메뉴가 활성화 된다. 소스코드는 아래와 같다. 아아...역시 자바스크립트나 제이쿼리 공부를 더 해야지 안되겠다..
> Menu.ctp
// 소스코드 일부...이 코드 복사하면 메뉴 여러개 쉽게 생성 가능하다.
  <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapse1"> 施設・設備・講義室</a> </h4> </div> <div id="collapse" class="panel-collapse collapse in"> <div class="panel-body"> <div id="collapse"　class="list-group"> <a href="/campus" class="list-group-item">キャンパスマスタ</a> <a href="/facility" class="list-group-item">施設マスタ</a> <a href="/equipment" class="list-group-item">設備マスタ</a> <a href="/room" class="list-group-item">講義室マスタ</a> </div> </div> </div> </div>
// 메뉴를 활성화 시키는 테그. URL을 불러와서 링크태그와 비교해서 링크주소가 없으면 비활성화, 그 외에는 활성화
<script type="text/javascript"> $(document).ready(function () { var url = window.location; $('div.panel-body a[href="'+ url + '"]').addClass('active'); $('div.panel-body a').filter(function() { return url.href.indexOf(this.href) != -1 // 즉 URL주소 안에 링크가 없는 경우 -1을 리턴 }).addClass('active'); }); </script>

댓글

댓글 쓰기

이 블로그의 인기 게시물

[메모] PostgreSQL에서 Insert 하는 경우 자동채번 PK가 중복에러 나는 경우

-
PostgreSQL에서 Entity Framework를 사용해서 DB조작할 때 에러에 대한 메모. id컬럼을 Serial형(Auto Increasing)으로 만든 테이블에 id 값을 생략한 형식으로 INSERT를 하려고 했더니 다음과 같은 에러가 났다. ERROR: 重複キーが一意性制約" table_pkey "に違反しています。 ERROR: duplicate key value violates unique constraint "table_pkey" 초기화 SQL 스크립트로 데이터만 집어넣은 컬럼이라 치가 중복이 된 건 아니고, 왜 이런 에러가 나는지 감이 안잡혔는데 다음 링크에서 해답을 얻었다. PostgreSQLでINSERT時に自動採番の主キーが重複してエラーが出る場合の対処法 요약을 하자면, PostgreSQL에서는 자동으로 증가하는 번호를 시퀀스 오브젝트를 사용하여 내부적으로 관리하는데 이걸 수동으로 변경하거나 데이터를 외부에서 삽입 혹은 복사하게 되면 실제 컬럼에 들어간 값과 시퀀스 오브젝트의 값이 달라지게 되어서 문제가 생기는 경우가 있다. 내 경우에는 스크립트로 SQL 을 직접 입력해서 값을 삽입한 것이 문제가 된 듯. 이것을 확인하고 수정하는 건 다음의 3단계를 거친다. 실제 테이블 컬럼값의 최대치를 확인 >> SELECT MAX(id) FROM table; 시퀀스 오브젝트 값 확인 >> SELECT nextval('table_id_seq'); 두 값이 일치하면 문제가 없음. 두 값이 불일치하는 경우, 시퀀스 오브젝트 값을 테이블 컬럼값으로 변경해준다. >> SELECT setval('table_id_seq', (SELECT MAX(id) FROM table));
자세한 내용 보기

[C# & LINQ] 랜덤으로 데이터를 한 개 추출하는 방법

-
별 거 아닌데 엄청 고생함..하고 싶었던 것은 오늘의 추천음식이나 운동을 랜덤으로 하나 표시하는 것이었다. 처음에는 쉽다고 생각했는데 의외로 고생했다. 고생한 이유는 간단한데, 데이터베이스에서 가져온 데이터셋 중 하나를 렌덤으로 추출하고 싶은데 그걸 한 번의 LINQ로 해결하려고 했기 때문이었다. 해결한 방법은 간단한데, 먼저 데이터를 가져와서 리스트나 배열로 만든 후에 랜덤값을 가지고 하나를 뽑으면 된다. 방법이 여러가지가 있었는데 나는 2가지를 해 봤다. 방법 1은 랜덤객체를 생성한 후에 데이터셋 개수를 이용해서 무작위로 한 개를 끄집어냄. 방법 2는 NewGuid를 사용하는 방법이다. 방법 2가 간편하네..얻은 교훈?!  Divide and conquer!! 나누어서 공략하자!! //  food, exercise, goodの中で、良い体質の項目をそれぞれ持ってくる var   foodquery  = ( from   f   in   model . foods                  where   f . goodtypeid  ==  TypeId  &&  f . flag  ==  true  &&  f  !=  null                  orderby   f . id              ...
자세한 내용 보기

[react-native] uuid 생성이 에러가 날 때 대처법　

-
ToDo 앱을 연습하는데 ID생성이 안되더라.. uuid 라는 패키지를 사용하면 된다던데 한참을 헤메었다. 우선, 맥에서는 Xcode가 설치되어 있지 않으면 안되니 필히 설치할 것. 다음, npm 으로 다음 명령어를 입력해서 uuid를 설치한다 > npm install --save uuid 그리고나서 필요한 페이지에 다음과 같이 임포트 하면 된다던데... import { v1 as uuidv1 } from 'uuid' ;     const ID = uuidv1 (); 안된다..에러난다..ㅠㅠ Error :  crypto.getRandomValues() not supported. 신나게 찾아보니  react-native-get-random-values 를 설치하라길래 했다. > npm install --save  react-native-get-random-values 설치 후 페이지에 임포트 import 'react-native-get-random-values' ; 그래도 에러가 난다...열심히 찾아봤는데 버전문제?? v1은 비추라고 다른 거 써봤는데 똑같다. Error： TypeError: null is not an object (evaluating 'RNGetRandomValues.getRandomBase64') 콘솔에도 안찍히고..그냥 랜덤값이 생성이 안되더라..상수로 값 집어넣으면 멀쩡하게 움직임. 리엑트 네이티브에서 사용가능한 react-native-uuid 도 있다길래 해봤는데 안된다..ㅠㅠ Error :  undefined Unable to resolve module `buffer` from `node_modules/safe-buffer/index.js`: buffer could not be found within the project. 버퍼 지워보고 실행해도 똑같고...재설치를 해봐도 안되고...그러다가 참고 ...
자세한 내용 보기