전체보기
# 211203 TIL ([Ruby, slim] DB 데이터 참조해서 화면에 나타내기, DB 데이터 쿼리)
장기현장실습 PLSnote 이슈 #2644 그룹에 탈퇴신청을 하고 일정기간이 지나면 탈퇴가 되는 기능이 필요 이슈 추가진행 장기미사용 기능과 코드를 합치는 과정에서 탈퇴 신청일 부분이 날아간 듯 하여 화면에 나타나지 않는다고 함 기존에는 group_users table이 업데이트 되는 날짜로 참조했었는데, 다른 컬럼이 생기면서 updated_at이 탈퇴 신청일이라는 보장이 없게 되었다. 따라서 탈퇴 신청하는 job이 생긴 날짜 컬럼인 created_at 을 활용해 해당 날짜가 나오도록 수정했다. - if group.group_users.find_by(user_id: user.id).withdraw_from_user .badge.badge-light.mt-1 = "#{t('group_manager.use..
# 211202 TIL ([React, tsx] hover 영역 수정)
장기현장실습 PLSnote 이슈 #49 서버 접속 방법 선택 시 hover 영역 수정 이슈 진행중 프로그램 첫 화면에서 로컬 서버에 접속하기 영역과 원격 서버에 접속하기 영역의 hover 부분 중앙이 맞지 않아 이를 수정중 col의 padding을 0으로 주어 중앙을 맞췄다. 그런데 원격 서버에 접속하기를 클릭하고 나온 modal을 끄면 갑자기 화면이 왼쪽으로 이동되는 문제가 생겼다. 그리고 이게 큰 두개의 버튼으로 되어 있어서 한번 클릭하면 active될 때 부트스트랩에서 제공하는 css가 적용되어 있어서 문제가 되었다. 일반 버튼 태그로 수정하고 따로 css 속성을 주어 문제를 해결했고, 화면이 왼쪽으로 이동되는 문제는 아직 해결중에 있다. #47 1:N 분석 표에서 유사도 단어 2줄 표시됨 이슈 진..
# 211201 TIL ([Ruby, slim] link_to 사용하여 페이지(URL) 이동하기 / [React] 컴포넌트 margin, padding 수정)
장기현장실습 PLSnote 이슈 #2731 대쉬보드화면 추가 이슈 추가진행 브래드크럼 부분에서 클릭시에 대쉬보드로 이동하지 않고 다른 곳으로 이동하는 문제 해결 하나의 예시로 팀별로 보기 기준의 브래드크럼에서 프로젝트명을 클릭하면 이동하는 url을 수정한 것이다. 프로젝트별로 보기 / 팀별로 보기 기준과 이슈맵일 때도 적용하여 해결완료 프로젝트별로 보기일 때는 = link_to @team.name, map_project_path(@map, @project, {team_id: @team.id}) 팀별로 보기일 때는 =link_to@project.name,map_team_path(@map,@team, {project_id:@project.id}) SNU 성문분석 이슈 #43 1:1 분석, 1:N 분석 최상단..
# 211130 TIL ([Ruby] DB 테이블에서 where 조건문으로 쿼리)
장기현장실습 PLSnote 이슈 #2678 노트작성 버튼이 나타나는 곳을 더 확대하고자 합니다 이슈 진행중 맵/본부/팀 에서 새 노트작성시 나타날 프로젝트 리스트 쿼리중 확인 전 계획이 있는 프로젝트 리스트만 가져와야해서 다시 쿼리를 수정했다. 사용자가 선택한 팀의 id가 있는 plans 테이블의 row를 가져오고 거기서 status가 open_plan 인 것만 가져왔다. 그리고 그 row의 project_id만 가져와 프로젝트 리스트를 보여주도록 했다. # project.rb # 팀의 프로젝트 리스트 중 새로운 계획 생성 가능한 프로젝트 목록 def self.has_plan_project(team) where(id: team.plans.where(team_id: team, status: :open_pl..
# 211129 TIL ([Ruby, slim] DB에서 원하는 데이터 쿼리, 프론트단에 나타내기 / [React] 음성녹음 Modal UI 수정)
장기현장실습 PLSnote 이슈 #2678 노트작성 버튼이 나타나는 곳을 더 확대하고자 합니다 이슈 진행중 맵/본부/팀 에서 새 노트작성시 나타날 프로젝트 리스트 쿼리중 find_by를 사용했더니 1줄만 가져와서 where로 바꿔 쿼리를 했다. 계획에 있는 프로젝트에서 확인되기전 프로젝트 리스트를 가져오기 위해 access: :open_permission인것만 가져왔는데 이것과는 다른 조건인 것 같았다. 결과가 다르게 나왔기 때문이다. # project.rb # 팀의 프로젝트 리스트 중 새로운 계획 생성 가능한 프로젝트 목록 def self.has_permission(team) joins(:project_teams).where(id: team.project_teams.where(access: :open_..
# 211125 TIL ([Ruby, slim] 선택된 team의 plan 데이터 리스트로 보여주기)
장기현장실습 PLSnote 이슈 #2678 노트작성 버튼이 나타나는 곳을 더 확대하고자 합니다 이슈 진행중 기존에 있는 3곳의 새 노트 작성하기 버튼 클릭시 노트 작성 페이지가 나오는데 그 중 계획 리스트 check 중 의문인 부분 질문 맵/본부/팀/플랜 -> 계획: 본부에 있는 모든 계획 리스트 (확인된 계획 포함) 의문: 팀까지 선택했는데 왜 본부에 있는 계획이 모두 나오는지..? 확인된 계획까지 나오는 이유..? 그리고 local에서는 경로가 맵/본부/팀/프로젝트/플랜 이렇게 나와서 약간의 차이가 있음 답변: 코드가 잘못 작성되어 있는 것 같음. 선택한 팀에 해당하는 계획 중 확인된 계획 제외하고 나오도록 수정해야함. 그리고 경로는 업데이트 상의 문제로 맵/본부/팀/프로젝트/플랜 이 경로가 맞음 우..
# 211123 TIL ([Ruby, slim] DB migration, 탈퇴 신청/취소 기능)
장기현장실습 PLSnote 이슈 DO에서 이슈(개선) 확인 후, 깃랩 이슈 등록 + 엑셀 파일에 정리 #2886 대화방 참여자가 퇴사 등의 이유로 대화방을 나가는 경우, 결재에 어떤 영향이 있나요? #2644 그룹에 탈퇴신청을 하고 일정기간이 지나면 탈퇴가 되는 기능 이슈 진행중 사용자가 탈퇴신청을 했을 때와 그룹 관리자가 탈퇴 신청을 했을 때 다른 UI(탈퇴 신청일+즉시 제거 버튼의 유무)가 나와야 하는데 이를 구분할 기준?이 없었다. 같은 job을 사용하고 같은 테이블인 group_user를 사용하고 있기 때문이다. 따라서 group_user 테이블에 새로운 컬럼을 추가하여 구분할 수 있도록 했다. 이 컬럼은 사용자가 탈퇴 신청을 했냐 하지 않았냐를 t/f 값으로 주며 기본 값은 f이다. 새로운 컬럼..
[인프런] 실전 웹 성능 최적화 (Lighthouse, 이미지 사이즈 최적화)
구글 크롬 개발자도구에 있는 Lighthouse 패널에서 성능 분석을 해보고, 이미지 사이즈를 최적화 해보자. Lighthouse 패널을 이용해 사이트를 분석해보자. 강의에서는 Audits 툴이라고 나오는데 Lighthouse로 이름이 바뀐 것 같다. 무엇을 위해 검사할 것인지에 대한 선택을 해야한다. 우리는 desktop 환경이고 performance에 대해 분석하고자, 위와 같이 세팅했다. 이제 Generate report 버튼을 눌러 분석을 시작하자. 숫자 페이지 성능을 나타내는 점수이다. (Metrics라는 검사 지표에 의한) 스크린샷 페이지가 로드되는 흐름을 스크린샷으로 보여주고 있다. 위의 항목들은 해당 사이트의 문제점과 문제점을 해결할 수 있는 가이드를 제공한다. Opportunities 리..