GPT와 함께 웹페이지 개발하기 실습, 장단점, 결과물

코드 gpt와 함께 개발하고 있는데, 아주 훌륭하다. 어떤식으로 활용하고 있냐면, 내가 작성한 코드에서 추가하고싶거나 바꾸고 싶은 것에 대해 gpt에게 물어보면 gpt가 이렇게 하면 어떻겠냐고 추천해준다. 아. 일단 비쥬얼스튜디오 코드에서 플러그인 형식으로 사용하는게 편한것 같다. 플러그인 형식으로 할 경우, 내 코드를 선택해서, 코드에 적합한 추천코드를 받아볼 수 있다.

 

내가 물어본 것은 screen size마다 폰트 사이즈를 조정하고 싶다고 말했고, code gpt는 오른쪽처럼 코드를 추천해준다. 코드는 보면 size에 따라 fontSize를 설정해놓은 style을 제공하는 코드였다. 한번 넣어본다. 궁금한게 있을 때마다 검색하는것처럼 gpt에게 물어보면서 하면 된다.

 

사용하면서 느낀건 한번에 큰것을 물어보는것보다 모듈식으로 작게작게 물어보는게 효과가 좋아보인다. input을 만들때도 사이즈, 이벤트 추가 어떻게하는지 물어볼 수 있고, 어느정도 다 만든 다음엔 정렬하는 방법을 물어볼 수 있다. 나같은 경우엔 css, style을 따로 공부를 안했었고, 매번 style을 조정하면서 ui만드는게 어려웠는데 gpt가 대답을 해주니 편하게 했다.

 

GPT 활용 장점

1. 구글에 검색안하고 바로바로 내 코드에 맞는 답변을 찾을 수 있다.

2. 내 코드에 바로 사용가능한 코드를 추천받을 수 있다.

3. 개인적으로는 일부씩, 모듈별로 만드는것을 추천한다.

4. 영어를 크게 무서워하지 않아도 되는게, 적당히 적으면 알아서 만들어준다. 개똥같이 말해도 찰떡같이 알아듣는편이다.

5. 검색해서 잘 나오는것을 물어보는게 좋다. 검색해도 안나오는것을 물어보면 제대로 대답을 못할 가능성이 있다.

 

결과물

1. 화면 크기에 따라 input font size를 조정하도록 하였다.

2. 글자색 style 조정

3. 가운데 정렬