본문 바로가기

스파르타코딩클럽 11

제2회 스파르톤 생존일지!! 2021년 09월 04일 21시!!! 지금부터 시작입니다!!! 빠밤 오늘의 코딩은? 스프링부트 독학하기!! 빠밤!! 스파르타코딩클럽에서 웹개발의 봄, 스프링 반을 들었는데(여기 블로그에도 계속 개발일지 올렸었지), 파이썬과 자바스크립트와는 다르게 자바를 평소에 써 버릇 하지 않다 보니까 이걸 "할 줄 안다"라고 말하긴 힘들거같아 자기계발의 시간을 오늘의 9시간 동안에 가져볼까 합니다. 2021년 09월 04일 22시!!! 스프링(+스프링부트)을 다룬 책들을 보면 환경 설정이 정말 각양각색이고, 아직 각 버전의 차이도 모르는 나로써는 자바 8이랑 11이랑 무슨 차이가 있는지도 모르는데 아무거나 검색해서 보면 안되겠다는 생각에, 스파르타코딩클럽에서 가르쳐주신 강의환경과 최대한 유사한 환경에서 프로젝트를 만들.. 2021. 9. 4.
웹개발의 봄, 스프링 5주차 (최저가셀렉샵) [스파르타코딩클럽] 5주차는 지금까지 만든 나만의 셀렉샵 사이트와 스프링부트 서버를 아마존 AWS와 가비아 도메인을 통해 배포하는 내용이었다. 1. 아마존 RDS 구매하고 MySQL 세팅하기 2. html 웹페이지 메타 OG 태그 작업하기 3. 아마존 서버 EC2 구매하기 4. 도메인 구매 및 연결, EC2 셋팅하고 배포하기 AWS EC2란? 아마존 엘라스틱 컴퓨트 클라우드(Amazon Elastic Compute Cloud, EC2)는 아마존닷컴의 클라우드 컴퓨팅 플랫폼 아마존 웹 서비스의 중앙부를 이루며, 사용자가 가상 컴퓨터를 임대 받아 그 위에 자신만의 컴퓨터 애플리케이션들을 실행할 수 있게 합니다. EC2는 사용자가 아마존 머신 이미지(AMI)로 부팅하여 아마존이 “인스턴스”라 부르는 가상 머신을, 원하는 소프트웨.. 2021. 8. 19.
웹개발의 봄, 스프링 4주차 (최저가셀렉샵) [스파르타코딩클럽] 4주차에도 새로운 개념들을 많이 배웠다. 나만의 셀렉샵이라는 이름의 미니 프로젝트를 만들어보는 시간이었는데, 간단한 프로젝트지만 스프링의 중요한 요소들을 많이 다뤄주신 것 같아 정리 꼼꼼히 해둘 생각. 1. 3계층 아키텍처 어플리케이션을 3개의 논리적·물리적 컴퓨팅 계층으로 분리 구성하는 잘 정립된 소프트웨어 어플리케이션! (출처 IBM) 이 3개의 계층이란 프리젠테이션(클라이언트) 계층(JS,HTML,GUI 등 프론트엔드), 애플리케이션 계층(미들웨어, API), 데이터 계층(DBMS)으로 나눠지는데, 프리젠테이션 계층에서는 데이터 계층과 직접적으로 통신할 수 없고, 모든 통신은 애플리케이션 계층을 통과한다. 즉, 아래와 같은 형식으로 프로그램이 작동하는 모습인데, 적절한 분업을 통해 각각의 계층들이 .. 2021. 8. 18.
웹개발의 봄, 스프링 3주차 (24시간뉴스피드) [스파르타코딩클럽] 이번 주차는 메모의 CRUD를 구현하고 그것을 웹에 구현해, 24시간이 지나면 게시물(메모)이 저절로 사라지는 서비스를 만들었다. 스파르타코딩클럽의 왕초보시작반(웹개발 종합반1)을 들었던 사람이라면 내용이 파이썬의 Flask를 이용하는 것에서 자바의 Spring을 이용하는 것으로 바뀌었다고 생각하면 될 것 같다. 그래서 어떻게 보면 아는 사람한테는 별거 아닌 주차였고, HTML/CSS/JAVASCRIPT에 대한 기본기가 부족한 분들은 3주차가 의외로 길고 힘든 여정이 되었을 수도 있을 것 같다. 스프링 프레임워크는 RestController라는 것을 제공하는데 이게 진짜 편리하게 Get,Post,Put,Delete를 맵핑하는 어노테이션을 제공한다. 이...이게 다라고? 싶을 만큼 개발자는 크게 할 일이 .. 2021. 8. 16.
웹개발의 봄, 스프링 1주차 (+자바) [스파르타코딩클럽] 리액트 수업을 마치고 호기롭게 시작한 자바, 파이썬과 자바스크립트 다음으로 사랑받는(?) 언어이기도 하고, 리액트네이티브로 앱을 만들 때도 작성은 모던 자바스크립트의 언어로 리액트네이티브라는 틀에 맞게 써냈지만 마지막에 빌드할 때에는 결국 자바, 그래들 같은 것들이 숨어있다가 나타나는 모습을 보고 언젠가는 자바를 배워야 할 거라고, 배우게 될 거라고 생각해왔는데 마침 좋은 기회(미니튜터라는 좋은 기회를 주신 황선애 매니저님 압도적 감사..!!)가 생겨 자바 스프링 강의를 스파르타코딩클럽을 통해 들을 수 있게 되었다. 불과 올해 3월까지만 하더라도, 프로그래밍 언어와 프레임워크 같은 개념도 모르고, 프로그래밍 언어에 어떤 것이 있는지도 몰라서, 자바와 자바스크립트가 비슷한 애들인 줄 알았던 (개발자들은 자.. 2021. 8. 12.
스파르타코딩클럽 리액트심화반 05주차 꼬리스타그램🐈 https://my-community-99787.firebaseapp.com/ React App my-community-99787.firebaseapp.com src/pages/ MyPage와 Signup 페이지에서 닉네임 Validation => clear MyPage.js 구현하기 (email, displayName, profile) => clear!! PostList에서 댓글 수 미리 로드하기 => clear! src/components/ Header UI 이쁘게 Post 수정하기/삭제하기/공유하기 src/elements/ Like 좋아요 버튼 활성화 Spinner 만들기 (Material UI 이용) src/redux/ image.js 이미지 리사이즈, 크롭 기능 만들기 user.js 이미지 업로.. 2021. 8. 2.
스파르타코딩클럽 리액트 심화반 3주차 후기 뷰가 거의 바뀌지 않으니 뭐가 달라졌나 싶을 수도 있지만 기능적으로는 많은 걸 구현했다. 우선 알림 (Notification.js)를 만들어서, 내 게시물에 새로운 댓글이 달리거나 하면 알림이 생기고 그 개수만큼 뱃지 형태로 숫자가 디스플레이되도록 '뷰만' 구성했다. 아직 댓글 기능과 알림 기능이 제대로 구현된 상태는 아님. 그리고 후에 댓글 기능을 제대로 구현할 것을 염두해 두고, 게시물 수정하기 버튼(포스트 날짜 옆에 있는 수정 아이콘 클릭!)을 클릭해서 들어갔을때, 이 게시물에 댓글이 이미 달린 상태라면 사진은 변경할 수 없도록 disabled 속성을 주었다. "이 버튼을 눌러 일상을 공유하세요" 부분이 게시물에 댓글이 달렸을 때는 "댓글이 달린 사진은 수정할 수 없어요"라고 나오고, 클릭해도 이미.. 2021. 7. 21.
스파르타코딩클럽 리액트 심화반 2주차 후기 리액트 심화반 2주차! 어느정도 앱의 형태가 잡혔다!! 커밋할 체인지들도 너무 많았음ㅎㅎ 이번 주차에 내가 바꾼 것들! Post의 내용을 좀 더 인스타그램스럽게 바꿔보았다. 예를 들면 스크린샷에 보이는 댓글란의 배치! 원형의 사용자 프로필 이미지는 댓글의 내용이 길어질 경우 사용자의 이름 바로 옆에 배치될 수 있도록, flex-start를 적용했고, 사용자의displayName은 댓글 내용과 같은 라인에 배치되되, 약간의 공백과 굵은 글씨로 구별이 될 수 있도록 했다. 또 moment 모듈의 locale/ko를 사용해 댓글과 게시물의 작성 시점을 'SNS스럽게' n시간 전, n일 전으로 렌더링했다. 파이어베이스의 인증 함수를 이용해서 로그인,가입,로그아웃을 구체화시켰고, 로그인 상태에서만 나타나야 할 플.. 2021. 7. 16.
스파르타코딩클럽 제1회 스파르톤 생존일지 01. 혼자서 집에서 하는 코딩이 집과 침대만 오고가다보니 나태해지는 것 같아 스파르타코딩클럽에서 진행하는 스파르톤에 참여했다! 게더라는 재미있는 사이트를 이용해서 라이브로 사람들과 소통하면서 협업하는 느낌(사실 각자 자기 할 일 하는거지만)을 받으니까 뭔가 스타트업에서 줌채팅으로 일하는 느낌이잖앟ㅎ 넘 재미있어요 9시부터 9시간 동안 진행할 예정이라 1시간마다 생존일지를 올리려구요 화이팅!! ps. 꼬리가 자꾸 화면으로 들어와서 조원분들의 예쁨을 받았다. 나는 코로 꼬리 털이 다 들어왔다....ㅂㄷㅂㄷ PM 09:00 코로나 시국에 실업급여 받으면서 쉬려니 사람들이랑 대화하는 것도 오랜만인 느낌ㅎㅎ 재미있다. PM 10:00 우선 지난번에 개발한 앱에 사용할 JSON 데이터를 다듬어볼 생각 PM 11:00 아.. 2021. 7. 10.
더 잘하고 싶어서, 다시 리액트부터 지금까지 5주동안 만든 앱에 여러가지 기능을 최대한 쑤셔박았는데, 몇가지의 오류가 있었다. 로그인/회원가입 기능은 구현했지만, 회원가입 후에 바로 로그인된 메인화면으로 이동되는 것을 구현하지 못했고, 로그인 기능 역시 유지 기능이 없어 매번 앱을 켤 때마다 새로 로그인을 해야 했다. 그리고 가장 큰 문제는.... 로그인과 회원가입을 구현하는데에는 성공했지만, 로그인을 해서 즐길만한 추가적인 컨텐츠가 전혀 없다는 것. 애초에 기존에 블로그를 운영하면서 수집한 고양이사료 (그것도 건사료에만 한한...)를 json으로 예쁘게 뿌려주는 것이 전부인 앱을 하나 만들었다고 현업에서 이걸 제대로 써먹을 수 있을리가 없잖...ㅠㅠㅠ 마침 앱개발종합반 튜터님과 1:1 상담시간을 스파르타에서 마련해주셔서, 좀 더 깊은 얘.. 2021. 7. 9.
비전공자인 내가 5주만에 앱을..? 사료맛집데이터베이스 :: 사맛디 테스트 영상 스파르타코딩클럽 앱개발 종합반 듣고, 사료 분석 블로그 글 쓰면서 수집해둔 자료로 사료 정보 앱을 만들어보았습니다. 광고 게재와 앱스토어 배포까지가 강의의 끝이지만 그 부분은 아직 내놓을만한 수준이 못되는 것 같아 복습기간 동안 탄탄하게 기본기 다져서 내놓아볼까 합니다ㅎㅎ 2021. 6. 28.

티스토리툴바