개인프로젝트[항해캡슐(시작하면서)]

내 첫 프로젝트를 하게됐다.

처음에는 사전스터디 멤버들과 함께 하기로했었지만 백엔드 선택한 분들은 아직 자바공부중인데 내가 거기까지 알지 못하다보니 너무 추진한것도 있었다. 다행히 본격적으로 시작하기 전에 여러 사정으로 인해 프로젝트는 무산이 됬지만 남자친구랑 개인프로젝트로 남자친구가 서버단으로 나는 프론트단으로 프로젝트를 하기로했다

비록 첫 아이디어는 도영님이였지만 좋은 취지인거 같아서 계속 이어서 꼭 만들고 싶다는 생각이 들었다.

 

아직 리엑트강의를 처음부터 끝까지 들은게 아니여서 어려움이 많긴했는데 강의에서 내가 필요한 부분을 찾아본다던가 구글링, chetGPT로 찾아가면서 만드니까 조금씩 그래도 틀이 잡히기 시작했다.

 

비록 만들면서 css부분이라던가 리엑트에서 막히거나 안풀릴때 준영님이나 규식매니저님께 물어봐서 풀어나가기도 했지만 내가 하나씩 만들고있다는게 넘나 뿌듯하고 재밌었다.

 

매일 이론 공부만 할때는 지루하고 집중이 안되거나 했었는데 내가 막상 뭔가를 만들어야하고 그게 어느기간안에 끝내야겠다 생각하니까 조급해지고 아침일찍 일어나서 컴퓨터 앞에 앉아서 하나씩 해결해나가려고 집중력이 막막 올라오는게 역시 뭔가 만들고 만들어지는 모습을 보니까 더 재밌고 그러니까 공부를 더 하게되는것 같다. 

 

이전부터 블로그를 썼어야했는데 개인 프로젝트는 왠지 다 만들고서 올려야 될 것 같은 느낌이였는데 들어보니 프로젝트 과정을 올리고 내가 막혔던 부분, 해결한부분 어떻게 풀어나갔는지 블로그에 써가면서 하는게 좋다고 들어서 이렇게 블로그를 쓰게됬다.

 

이번 프로젝트를 하면서 리엑트의 페이지넘기기는 라우터로 한다던가 버튼을 이용해서 화면을 넘기고 하는걸 알게되었고 삼항연산자로 조건에 따라 CSS로 block처리를 하는걸 알게되었고 이전에 useState등 상태관리하는걸 다 잊어버려서 다시 영상보고 하려니까 어려움이 많았다 

 

오늘은 분명 이전에 만들어본거랑 거의 똑같고 이렇게 했을때 실행이 되어야하는데? 하고 

  const handleSubmit = () => {
    if (state.author.length < 1) {
      authorInput.current.focus();
      return;
    }
    if (state.content.length < 3) {
      contentInput.current.focus();
      return;
    }
    onCreate(state.author, state.content)
    alert("저장성공!")

    setState({
      author: "",
      content: ""
    })
  }

handleSubmit()함수를 실행하려하는데 onCreate함수가 실행이 안되서 한참을 헤매고 진짜 영상도 앞부분부터 다시보고 돌려보고 했는데 안되길래 결국 매니저님한테 질문을 했는데 ... 이럴수가...ㅎ.. 내가 작동시켜야하는 컴포넌트가 아닌 엉뚱한 컴포넌트에 넣어놓고 웨안뒈?!?!?!?!?!!?이러고 있었던거였다... ㅎㅎ.. 

 

거기에 CSS도 안되니까 미쳐 돌아가시는줄 알았다. 

이것도 매니저님과 함께 하긴 했는데 여러가지로 너무 어려웠고 또 어렵다

 

대략적인 틀은 잡혔고 이제 서버가 완성되면 API연결을해야하는데 어떻게 하는지 모른다ㅎㅅㅎ

강의를 찾아야한다 !!!!!!!!!!!!!!!!!!!!!!!!

 

내일부터는 좀 더 자세하게 블로그를 적어야겠다