안녕하세요,
저는 박재현입니다.
부산에서 동아대학교 재학중인 컴퓨터공학과 학부생입니다.
저는 많은것을 경험하고, 도전하는 열정이 있습니다.
특히, 재밌고 유용한 아이디어들을 실현 시키는데에서 호기심과
행복을 느낍니다.
풀스택 개발자 라는 첫 단추를 위해,
만들어 보고 싶은 것들을 많이 만들어가고 있습니다.
Node.js를 이용한 Express 환경에서 처음 웹 개발을 접했습니다.
지금은 프론트엔드 보다 백엔드에 조금 더 집중하여 공부를 하며,
필요한 부분이 있을 때마다 html과 css를 추가적으로 공부하는 방식으로
진행하여 Github를 채워나가고 있습니다.
제일 가까운 목표는 지금 하고 있는 환경을 전반적으로 이해 한 후
Java 를 활용한
Spring 환경을 내 것으로 만들어보고 싶습니다.
지금은 비록 이것 저것 쌓여있는 공책의 일부분인 것들이
언젠간 책이되고, 도서관이 되어가는 저의 여정을 함께 지켜봐주세요 !
Study Experience
Frontend
HTML 과 CSS
HTML 로 여러 태그들을 활용하여 기본적으로 구성 후
CSS 로 태그에 옵션 값을 주어 위치 조정 및 크기 조정 등
디자인 효과 추가
Backend
JavaScript
- Front에서 받아오는 값을 JS를 이용해 Logic 처리
- jwt 인증 토큰 생성으로 로그인, 로그아웃 기능 구현
- Bcrypt로 비밀번호 암호화 하기
- Proxy 인증 시스템 구현
Data Base
MongoDB
- 데이터를 문서 형태(JSON)로 저장하여 사용
- 스키마를 유연하게 사용하여 간편하게 사용
SQL
Postgresql 을 PgAdmin으로 조작하며 Schema에 Table을 만들어 보고 웹에 필요한 데이터들을 SELECT, INSERT, UPDATE, DELETE 해보며 데이터를 조작해보았습니다.
Structured
MVC 패턴
Model, View, Controller 세가지로 분류하여 구조화 한다.
- Model : Data를 처리하는 영역으로 DB 연동으로 구성
- View : 웹사이트의 사용자 인터페이스인 UI 영역으로 구성
- Controller : 사용자 요청을 받아 처리하는 영역으로 구성
Project
worimit_js
Router, Login, Register, Json Data
codepen.io 사이트를 통해 기본적이 로그인 및 회원가입 페이지 UI를 쉽게 가져와 사용해보았고,
Router 설정하여 홈, 로그인,
회원가입 페이지에서 요청을 받고 보내는 것을 구현해 보았습니다.
그리고 회원가입에 User Data를 Json파일 형식으로 관리하는 법을 배웠습니다.
boiler_plate
Bcrypt, jwt, auth, Proxy, CookieParser, MongoDB, Postman
Bcrypt로 비밀번호 암호화 하여 회원가입 정보를 MongoDB에
저장 하여 사용 하였습니다. 로그인시 비밀번호가 DB의 유저와
일치한다면 jwt로 생성된 토큰을 auth미들웨어와
CookieParser를 통해 쿠키에 저장하였고, 로그아웃시 jwt토큰을 삭제함으로써 유저 상태를
업데이트 하였습니다.
그리고 이 프로젝트를 하며 Postman을 유용하게 쓰면 UI 작업을 따로
하지 않아도 로직을 구현할 수 있다는 것을 알게 되었습니다. 또한 Cors 정책(이슈)으로 인한 Proxy 설정도
배웠습니다.
psql_board
SQL(Postgresql)
전반적인 지식으로 문의하기 기능을 SQL을 통해 Data를
관리하는 법을 배웠습니다. 이 프로젝트를 통해 기초 SQL문을
공부할 수 있고, Schema에 Table 관리법을 알게 되었습니다.
mbtiTest_website
First Team Project
처음으로 소규모의 팀프로젝트를 해볼 수 있는 기회가 생겨,
예전부터 해보고 싶었던 mbti 테스트 사이트를 만들고 있습니다.
팀원들과의 소통을 배울 수 있었고, 정기적인 회의를 통한 개발
과정으로 의견 충돌 및 코드 리뷰, 병합 문제 등 많은 경험을 할 수 있었습니다.
Github Portfolio
HTML, CSS
다른 분의 포트폴리오들을 참고하여 나만의 스타일대로 조금씩 변형하여 새롭게 만들어 보았습니다.
프로젝트라고 하기에는 기능
없는 포트폴리오 사이트이지만, 나름대로 위치 조정 및 정렬에
대해
더 알아볼 수 있는 기회가 되었고, 모바일에서 깨지는 현상을 잡기 위한 반응형 웹사이트에 대해 알게 되었습니다.