# 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})

      

      before (해당 프로젝트의 plan으로 이동)

      

      after (팀과 프로젝트의 교차 대시보드)

 

SNU 성문분석 이슈

#43 1:1 분석, 1:N 분석 최상단 간격 동일하게 맞추기 이슈 (완료) 

• 분석 페이지를 감싸고 있는 container 컴포넌트 클래스를 일치시켜 최상단 간격을 동일하게 만들었다. 기존에는 1:1분석에서 1:N분석으로 넘어갈 때 간격이 달라서 화면이 이동되는? 현상이 있었는데 이를 제거했다.

  

  before (1:1 분석)

  

  before (1:N 분석)

  

  after (1:1 분석)

  

  after (1:N 분석)

#48 왼쪽 네비게이션 메뉴바 간격 조절 이슈 (완료) 

• 메뉴바 간격이 일정하지 않아 이를 해결했다.

  

  before

  

  after

#39 1:1 분석, 1:N 분석에서 박스 간 간격 조절 이슈 (완료) 

• 분석 페이지는 여러 컴포넌트를 row, col 형태로 배치해둔 상태인데 이 부분에서 간격이 일정하지 않았다. 그래서 row, col의 전체적인 구조를 바꾸며 시도해보았으나, 4:8 혹은 4:4:4로 구성해둔 col 사이의 간격이 이미 기본으로 설정되어 있는 것 같았다. 그래서 이 간격을 없애는 것에 실패하여 결국 나머지 부분을 비슷한 간격을 넓히는 작업을 진행했다.

  

  before

  

  after