본문 바로가기

전체 글243

레귤레이터 - 일정한 전압을 유지시켜주는 역할을 하느 전자 부품. - 여러가지의 전압으로 바꾸어줌 LDO 레귤레이터 - 예를 들어, 3.3V 전원을 필요로 하는 IC의 경우, 표준 타입에서는 5V에서 3.3V 전원을 생성할 수 없으므로, 입출력 전위차가 낮은 LDO가 필요함 - 낮은 전위차에서 동작함으로써 에너지 손실이 적어 발열 등을 억제하는 설계가 가능합니다. 2024. 1. 2.
비드 저항을 달면 전압이 떨어지고 전력 전달에 문제가 있어, 특정 주파수만 차단하고 저항을 줄여 전압강하와 전력을 유지하기 위해 사용 *페라리트 비드 페라리트 비드 임피던스는 유도성이므로, 페라이트 비드 인덕터는 전자 부품의 고주파 신호를 감쇠하는 데 사용된다. 전자 장치와 연결된 전선에 페라이트 비드 초크를 배치하면 전원 연결에 존재하거나 DC 전원 공급 장치에서 출력되는 허위 고주파 노이즈가 제거된다. 이러한 페라이트 클램프를 사용하는 것은 스위치 모드 전원 공급 장치 등에서 발생한 노이즈를 억제하는 여러 방법 중 하나다. 비드 배치 시에는 전압 강하와 열 방출을 고려해야한다. 2024. 1. 2.
[축구모임 홈페이지개발] 01/01 개발일지 Nodejs css / MVP Board 디자인, 매치일정 탭 서버 DB 연결 홈 화면에 남은 마지막 탭인 MVP Board 탭을 css 로 구현했다. 시즌 MVP 를 뽑기위해서 누적된 MVP 포인트와 순위를 보기 위함이다. MVP BOARD RANK NAME SCORE 01 ㅇㅇㅇ 265 위와 같이 html 코드고, MvpBoard-area 영역이 인원수만큼 복사붙여넣기를 했다. 근데 개발일지를 쓰다보니 반복문으로 그냥 만들어도 괜찮겠다는 생각이 들었다. 아직 디자인만 해놓은 상황이라서 서버랑 js 로 기능을 구현할 때 시도해봐야겠다. .MvpBoard-Container { margin-top: 50px; width: 95%; margin: 30px auto 100px auto; } .MvpBoard-title { color: white; font-size: 300%; font-.. 2024. 1. 2.
[축구모임 홈페이지개발] 12/28 개발일지 Nodejs css / Z플립 전용 반응형 버전 개발 일단 최근에 홈 화면 이번 주 매치 정보탭에서 position : relative ; 를 활용해서 위와 같이 디자인이 된 그대로 구현을 해냈는데, 플립 핸드폰에서 보면 화면이 양옆으로 좁다보니 디자인이 망가졌었다. 그래서 나는 위 이미지와 같이 웹 개발자 모드에서 지원하는 대로 기종을 선택해서 그에 맞게 @media only screen and (max-width: 354px) { 버전을 따로 관리했는데, 실수가 있었다. Flip 을 Fold 로 헷갈려서 Fold 기준으로 max-width: 300px 로 설정을 했었다. 플립은 내가 따로 버전을 설정한 300px 보다 위, 그리고 어딘가 상한선 사이에서 여전히 디자인이 망가지는 지점에 있었던 것이다. 그러다보니까 내가 암만 변경을 해도 플립에서는 디자인.. 2023. 12. 28.
[축구모임 홈페이지개발] 12/26 개발일지 Nodejs css / 홈화면 경기결과 탭 배치 수정 어제 홈 화면에 경기결과를 나타내는 탭에 배치를 잘못 구성한 것 같아서 오늘 처음부터 다시 배치하고있다. 오늘은 접근방식을 완전히 바꾸어서 큰 구역마다 영역을 확실히 만들고 % 를 이용해서 애초에 영역을 고정시켜보고 그 안에서 사이즈를 변동해보기로 했다. 다음 색상과 같이 영역을 나누었고 여기서 이제 미세하게 조절해볼 계획이다. .home-lastmatch-logo-area { margin-left: 1%; width: 13%; } .sharklogo { width: 85%; } .home-lastmatch-info-area { margin-left: 1%; width: 52%; } .home-lastmatch-awayname { font-size: 200%; } .home-lastmatch-date {.. 2023. 12. 28.
[축구모임 홈페이지개발] 12/25 개발일지 Nodejs / 회원가입, 로그인페이지 구현, 로그인 예외처리 오늘 손봐야할 부분은 우선 로그인, 회원가입 디자인 구현하기, 공지사항 게시할 때 다수의 이미지 게시하기. 우선 로그인 화면을 구성했다. 디자인팀이 시안을 준 대로 잘 디자인 된 거 같아서 만족도가 높다. 근데 회원가입 버튼을 누를 때 회원가입 이렇게 영역을 클릭하면 function gotoRegister() { window.location.href = '/register'; } 다음과 같은 함수가 실행되도록 구현했는데, 제일 처음에 버튼을 클릭하니까 "Missing credentials" 다음과 같은 에러가 발생했다. 이유는 내가 로그인 화면에 내용들을 중앙정렬 하느라 form 태그 안에 영역을 만들고 그 안에서 중앙정렬하기 위해서, 회원가입 버튼을 form 태그 안에 배치해서 였다. 그건 다시 회원가.. 2023. 12. 25.
[축구모임 홈페이지개발] 12/24 개발일지 Nodejs / new Date() 함수로 한국시간 맞추기 기존에 갖고있던 오류 중 하나가 공지사항을 작성하면 상세페이지에 시간까지 나오는 기능이 있는데, 아이폰으로 작성을 하면 그리니치 천문대 기준 시간으로 나오는 오류가 있었다. 그를 해결하기 위해서 let Today = new Date().toLocaleDateString('ko-KR') 위처럼 뒤에 한국버전으로 통일을 시켜주니까 표기방법은 한국식으로 맞게 바뀌었는데, 여전히 아이폰에서 등록을 하면 여전히 시간이 9시간 이른 시간으로 나왔다. 그래서 알아본 바로는 const timeZone = 'Asia/Seoul'; let Today = new Date().toLocaleDateString('ko-KR', { timeZone }); let Time = new Date().toLocaleString('ko-.. 2023. 12. 25.
[축구모임 홈페이지개발] 12/23 개발일지 / 검색결과 탭 삭제기능, 삭제권한 기능 추가 경기일정에서 특정 아이디로 접속시 경기일정을 삭제할 수 있는 기능을 넣고 싶었다. 삭제 위와 같이 삭제버튼을 만들었고, 이름이 test 인 유저에게만 삭제가 보이게 만들었다. 그리고 위처럼 만들면 로그인이 안되어있는 상태에서는 분명 에러가 뜰 것이기 때문에 유저가 있을 때, 유저 이름이 test 면 보이게 했다. function confirmDeleteResult(event) { event.preventDefault(); var commentId = event.target.getAttribute('data-result-id'); var confirmDelete = confirm('글을 삭제하시겠습니까?'); if (confirmDelete) { window.location.href = '/match-re.. 2023. 12. 24.
[축구모임 홈페이지개발] 12/21 개발일지 / 디자인 이번 디자인 회의에서 로그인화면, 회원가입화면, 공지사항 상세페이지 화면이 디자인 되었다. 2023. 12. 24.
[축구모임 홈페이지개발] 12/20 개발일지 Nodejs html css js / 경기결과 탭 디자인 및 기능구현 보호되어 있는 글 입니다. 2023. 12. 23.
[축구모임 홈페이지개발] 12/12 개발일지 Nodejs css / 구글폰트적용, 여러개의 변수 쿼리전달, 검색창디자인변경 우선 폰트 문제를 해결하기 위해서 구글폰트에서 폰트를 새로 지정했고, font-family: 'Noto Sans KR', sans-serif; 위 코드들을 추가해주면서 폰트를 통일시켰다. 그리고 두께별로 한 번에 추가해서 font-weight : 300 ; 와 같이 두께를 조절할 예정. 디자인팀에서 검색기능의 디자인 수정요청을 해서 .search-container { background-color: #f0f0f0; padding: 10px; display: flex; align-items: center; width: 95%; margin: -1px auto 25px auto; border-radius: 7px; } .search-icon { width: 20px; /* 돋보기 이미지의 크기에 맞게 조절 .. 2023. 12. 12.
[축구모임 홈페이지개발] 12/10 개발일지 Nodejs css / notice-post 영역 확장 오늘도 수정이 필요해보이는 부분들을 정리해봤다. 첫 번째로는 글 작성 영역을 모바일에서 보면 너무 좁아서 넓혀줬다. 일단 폰트에서 문제가 생겼다. ttf 파일은 웹,앱 둘 다 적용이 안되고, woff woff2 파일은 웹에서 적용이 되고 안드로이드에서도 적용이 되지만, 아이폰에서는 적용이 안된다. ios 에서 호환이 안되는 폰트인건지 해결방안을 좀 더 찾아보고 정 안되면 구글폰트를 사용하기로 디자인팀과 합의를 봤다. 생각보다 공지사항탭의 활용도가 그렇게 많지 않을 것 같다. 이 활용도대로면 검색기능과 글의 다음 글을 보여주는 기능을 추가할 필요가 없다고 판단했다. 더 상의를 해야겠지만 어차피 같은 디자인으로 커뮤니티 탭을 만들거라면 미리 구현해놓아도 괜찮아보인다. 2023. 12. 10.
[축구모임 홈페이지개발] 12/09 개발일지 html css / Local 폰트 적용, 팀소개 탭 디자인 공지사항탭 기능구현이 끝나간다. 오늘은 디자인에 조금 더 힘을 써볼 생각이다. 7일날 디자인팀원들이랑 회의를 해서 피드백을 받았기 때문에 그 결과를 내어주어야한다. 우선 폰트변경을 진행했다. Pretendard-Light.woff 디자인팀원들이 폰트를 보내줬다. .woff 확장자의 저 폰트파일을 main.css 파일이 들어있는 폴더 안에 넣고 @font-face { font-family: 'Pretendard-Light'; src: url('../Pretendard-Light.woff') format('woff'); font-weight: normal; font-style: normal; } main.css 에 다음과 같은 코드를 짜줬다. 또 body 태그 안에 font-family: 'Pretendar.. 2023. 12. 10.
[축구모임 홈페이지개발] 12/07 개발일지 Nodejs / 한국식 날짜 표기 고정 출력, 반응형 웹디자인 구현, 팀 미팅 밖에서 공지사항탭에서 발견한 에러들을 발견했다. 오늘은 이걸 해결해볼 예정 1. 로그인으로 상세페이지 접속 후 목록 누르면 다시 로그인화면으로 돌아가는 에러 function gotoNotice(){ window.history.back(); } 기존 목록 버튼 클릭시 실행하는 함수에서 function gotoNotice_Home(){ window.location.href = '/notice/1' } 아래와 같이 변경. let Time = new Date().toLocaleString('ko-KR'); 상세페이지에 시간을 기입하고 싶어서 Time 변수를 하나 더 DB로 추가해주고 상세페이지에서 Time 을 호출했다. 큰 소득이 하나 있다. 나는 지금 main.css / management.css / noti.. 2023. 12. 7.
[축구모임 홈페이지개발] 12/05 개발일지 Nodejs / 공지사항탭 페이지네이션, 검색기능 어제 새벽에 미처 다 마무리 못한 페이지네이션 기능을 수정하고자했다. 우선 어제와 같이 코드를 짰을 때에는 글의 개수가 20개일 때에 페이지가 3개가 나오는 에러가 발생했다. 그래서 내가 생각한 방법은 올림 기능을 이용한 아래와 같은 코드이다. 우선 나는 일의자리에서 십의자리로 올림을 하고 싶었다. 하지만 Math.ceil() 을 이용하면 소수점에서 일의자리로 올림이 되기 때문에 먼저 글의 개수를 10으로 나누어서 소수점을 만들어주고 올림을 했다. 그럼 결국 내가 원하고자 하는 십의자리로 올림한 것과 같게 된다. 검색을 통해서 알았는데 이러한 방법을 이용하면 원하는 자리로 올림이든 내림이든 할 수 있을 거 같다. 기억해두자. 그러고 0부터 시작했기 때문에 출력을 i+1 로 해줬다. app.get('/no.. 2023. 12. 6.

티스토리툴바