border 사이즈 조절 가능한 그라데이션 액자

학회원 파트

1. 누르면 각 저장된 address로 연결
2. 우측 상단 more 누르면 /team 으로 이동

• 메뉴 리스트 위-아래 방향으로 나타나도록 + div 밀리는 거 해결
• 로고 이미지 교체
• 메인 화면 피그마 설정 값 기반 변경

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

public 폴더에 C-Link 로고 그림 파일을 넣고, /로 가는 링크 연결시키기

안ㄴ녕

태그 테스트

메인 페이지에 프로젝트 6개

홈페이지 기획

• 누가 들어올까?

  • 검색을 한 사람이 들어올 것

    • 왜 검색을 할까?
      1. 그냥
      2. 블록체인 학회 및 단체를 찾을 필요가 있어서
      3. 중앙대에 블록체인 학회가 있는지 보기 위해서

  • 들어와서 무엇을 볼까?

    • 보통은 자기가 원했던 정보가 있는지 찾아볼 것.
      • 1. 그냥

        그냥 들어온 사람은 본인이 원하는 정보가 있는 불분명하기 때문에 일단은 보류

      • 2. 블록체인 학회 및 단체를 찾을 필요가 있어서

        블록체인 학회 및 단체를 찾을 필요가 있는 사람은 상대적으로 명확한 이유가 있을 확률이 높다. 이유는 그 검색한 사람의 신분에 따라서 달라질 것이다.

        1. 학생

        학생은 크게 2가지 항목, 4가지 종류로 구분된다.

        1. 자대생 - 가입 원함
        2. 자대생 - 협업 원함
        3. 타대생 - 가입 원함
        4. 타대생 - 협업 원함

        1,2,3,4번 모두 기본적으로 우리에게 문의 및 소통을 할 수 있는 창구를 찾을 것이다.

        가입을 원하는 사람은 가입에 대한 문의를 할 것이고, 협업을 원하는 사람은 협업을 하고 싶은 내용에 대해서 제안을 하고 협업 의사를 문의할 것이다.

        👉 우리는 어떤 사람을 원하는가?

        2. 타 블록체인 단체

        타 블록체인 단체는 **'블록체인을 중심으로 회원들을 모집한 동아리 및 학회'**를 의미한다. 예시로는 타 학교 및 연합 블록체인 학회 등이 있다.

        3. 타 개발 단체 및 기획, 디자인, 연합 단체

        타 개발 단체 및 기획, 디자인, 연합 단체는 **'개발, 디자인, 기획을 각각 혹은 연합하여 회원들을 모집한 동아리 및 학회'**를 의미한다. 예시로는 대표적인 예시로는 멋사, SOPT 등이 있다.

        2,3번이 블록체인 학회 및 단체를 찾을 이유는 사실상 동일하다. 협업과 광고이다.

        협업은 1,2,3번의 모든 협업이 크게 다르지 않을 것이다. 협업은 단기와 중장기, 2가지로 나뉜다. 단기는 단발성 혹은 특정 대회에 같이 출전할 팀원을 구하는 것 혹은 기타 상황에 대해서 요청을 하는 경우일 것이고, 중장기는 상대적으로 시간이 오래걸리는 프로젝트에 대한 협업을 요청할 경우일 것이다.

        👉 어떤 기회를 더 유도해야할까?

        4. 회사

        • 마케팅

          마케팅은 그냥 상황에 맞게 대처하면 됨.

        • 외주

          외주는 **'우리가 돈을 받고 개발 및 기획을 해주는 상황을 의미'**한다.

          👉 어떤 회사와 주로 연락하게 될까?

        • 리크루팅

          리크루팅은 **'연락을 한 사람이 우리에게 자신의 회사 및 단체에 채용 계획을 밝히고 우리가 그에 맞는 인원을 추천해주는 상황을 의미'**한다.

          👉 리크루팅 연락이 자주 오는데 크게 수확이 없다. 이 기회들을 잘 이용할 수 있는 방법이 없을까?

        5. 외국인

        영어 버전을 할 필요성에 대한 고민. 사실 하지 않을 이유는 없다.

        👉 외국어 버전에 대한 필요성을 고민해야 한다.

        2번 중간 요약

        1줄로 정리하면, 우리에게 연락을 취할 수 있는 방법을 명확하게 알려줄 수 있는 화면이 구성되어야 할 것이다.

      • 3. 중앙대에 블록체인 학회가 있는지 보기 위해서

        ""중앙대""에 블록체인 학회가 있는지 보기 위해서 검색한 사람은 본인이 찾고자 하는 바가 가장 명확한 사람일 것이다.

        그 종류는 2번에서 세부 분류한 항목들에서 크게 벗어나지 않는데, 대신 더 확실한 동기를 가지고 유입되었을 확률이 높다.

  • 우리는 무엇을 보여주고 싶은 것일까?

    • 중앙대에 블록체인을 공부하는 학회가 있습니다.
      • 학회에 대한 소개
      • 로고
    • 우리는 지금까지 이런 것들을 해왔습니다.
      • 우리가 해왔던 프로젝트들
      • 수상 내역
      • 작성한 블로그 글
      • github 링크
    • 우리가 지금 이런 것들을 공부하고 있습니다.
      • 나갈 대회 (팀원 모집글)
      • 작성중인 github code
      • 작성중인 블로그 글
    • 우리 학회에 괜찮은 사람들이 이렇게 많습니다.
      • 학회원
        • 사진 (캐릭터)
        • 페이스북 프로필
        • 깃허브 링크
        • 기타 블로그 링크
        • 링크드인
        • 로켓 펀치
        • 약력 (참여 프로젝트 및 수상 내역 + 개발자는 주요 사용 언어)
        • 학회원들의 특기를 명확하게 보여줄 수 있는 항목
      • 과거 학회원
        • 사진(캐틱터)
        • 현 직장
        • 페이스북 프로필
        • 깃허브 링크
        • 기타 블로그 링크
        • 링크드인
        • 로켓 펀치
        • 동문들을 명예 학회원으로 모집하는 글을 올리는 것은 어떨까요?
          • 네트워크 효과
          • 프로젝트 수주효과
          • 인맥관리
          • 선후배 연계

  • 기대효과

    • 중앙대에 블록체인을 공부하는 학회가 있습니다.

      학회에 대한 소개, 로고를 통하여 사이트 방문자에게 우리에 대한 기본적인 정보를 제공할 수 있습니다.

    • 우리는 지금까지 이런 것들을 해왔습니다.

      해왔던 프로젝트들, 수상내역을 통하여 비슷한 프로젝트를 진행하고 싶은 회사 및 단체에게 이 학회에는 이런 일들을 할 수 있는 능력과 인력이 있구나라는 신뢰감을 줄 수 있습니다.

      작성한 블로그 글을 통하여 학회 가입을 원하는 이들, 비슷한 프로젝트를 진행하거나 연구를 수행하고 싶은 회사 및 단체에게는 신뢰감을 줄 수 있습니다.

      github 링크를 통해 우리가 수행했던 개발 결과를 공유하고 개발 프로젝트 문의 및 신규 개발자 회원을 모집할 수 있다.

    • 우리가 지금 이런 것들을 공부하고 있습니다.

      해왔던 프로젝트들, 수상내역을 통하여 비슷한 프로젝트를 진행하고 싶은 회사 및 단체에게 이 학회에는 이런 일들을 할 수 있는 능력과 인력이 있구나라는 신뢰감을 줄 수 있습니다.

      작성한 블로그 글을 통하여 학회 가입을 원하는 이들, 비슷한 프로젝트를 진행하거나 연구를 수행하고 싶은 회사 및 단체에게는 신뢰감을 줄 수 있습니다.

      github 링크를 통해 우리가 수행했던 개발 결과를 공유하고 개발 프로젝트 문의 및 신규 개발자 회원을 모집할 수 있다.

    • 우리 학회에 괜찮은 사람들이 이렇게 많습니다.

      뽑아가십시오!

      학회원들 소개창에는 학회원들의 특기를 알 수 있는 창이 추가로 있으면 좋을 것 같습니다.

• 👉 우리는 어떤 사람을 원하는가?

  현재와 크게 다르지는 않다. 최대한 다양한 사람. 가능하면 디자이너가 추가로 들어오면 좋을 것 같다.

• 👉 어떤 기회를 더 유도해야할까?

  학회원들로 하여금 스펙이 될 수 있는 대회나 집단과의 협력을 취할 수 있는 기회

• 👉 어떤 회사와 주로 연락하게 될까?

  위의 질문과 동일. 학회원들과 학회에게 스펙이 될 수 있는 회사.

  추가로 실질적으로 학회원들의 실력을 늘릴 수 있는 기회를 제공하는 회사.

  취업과 연계가 될 수 있는 회사.

• 👉 리크루팅 연락이 자주 오는데 크게 수확이 없다. 이 기회들을 잘 이용할 수 있는 방법이 없을까?

  → 일단 별로인 회사가 많다. (그냥 넘긴다.)

  → 함부로 진행하기에 부담이 되는 회사가 많다. (최대한 명확한 정보를 받는다.)

  → 괜찮은 회사인데 연락이 끊긴다. (간단한 프로젝트라도 같이 진행할 것을 역제안)

• 👉 외국어 버전에 대한 필요성을 고민해야 한다.

  영어 정도는 해도 괜찮을 것. 언어 변환 탭을 추가로 구현하면 될 듯.

추가 진행해야할 부분

• 학회원 소개 페이지 → 페이지 따로 구성 (메인 페이지에는 버튼 → 누르면 따로 넘어가는 것으로)
• 연락처 → Contact 창 따로 구성
• 외국어 버전 → 영어 버전은 추가 구현하는 것으로
• cauclink.com 으로 결정 (결정)
• 명예 학회원 → (고려) ← 추가 설명

Contact 메일은 가능

이미지와 제목, 글이 있는 컴포넌트

페북
미디엄
이메일 폼

ESLint, 폴더 구조 등 프로젝트 시작하기 전에 필요한 사항 설정

이 부분은 일단 다 같이 고민해봐야하는 것인데
저는 홈페이지가 어떤 모습을 보여주어야 하는 것인가에 대해서 많은 고민을 했습니다.
이유는

• 추후에 추가적으로 구현해야할 부분과 관련 있음
• 호스팅 방식 결정
• 기타 페이지 및 모바일 화면 디자인 컨셉 결정

들과 관련이 있기 때문입니다.

스스로에게 질문했던 것은 아래와 같습니다.

• 사람들이 왜 들어올까?
• 어떻게 들어올까?
• 들어온다면 무엇을 보게될까?
• 우리는 어떤면을 보여주어야 하는 것일까?

학회원 목록 중 하나를 클릭하면 /teams/[이름] 페이지로 이동

안녕