C아저씨 스터디룸
-
[포스코x코딩온]웹개발 풀스택 코스 10주차 회고 feat. 본격적인 React초보 개발자 성장 일지/KDT교육 2023. 4. 2. 20:01
금주부터는 React를 본격적으로 시작하였다. 그 내용들을 하나씩 정리해 보고자 한다. 1. ClassComponent(간략하게) 2. useState 3. props 1. ClassComponent 사실 함수형 컴포넌트가 더 최신 기술이고, 앞으로 사용도 이 기능으로 해야 하지만, 클래스 컴포넌트로 구성된 웹을 관리해야하는 상황이 있을 수도 있고, 클래스 컴포넌트를 함수형으로 바꿔야하는 작업을 실전에서 할 수도 있기 때문에, 원조인 클래스 컴포넌트를 알 필요가 있다고 강사님이 판단하셨다. 그래서 간략하게 진행을 하였다. 위 사진은 클래스형 컴포넌트를 코드로 작성한 모습이다. 앞선 포스팅에서 소개한 함수형 컴포넌트와 다른 점은 약 3가지 정도로 말할 수 있을거 같다. (1) import { Compone..
-
[포스코x코딩온]웹개발 풀스택 코스 9주차 회고 feat. MongoDB, AWS React초보 개발자 성장 일지/KDT교육 2023. 3. 27. 00:04
이제 슬슬 막바지를 향해 달려가는 KDT교육! 이번 주는 크게 3가지 정도를 배운거 같다. 1. 비-관계형DB인 MongoDB사용법! 2. AWS를 통한 배포 3. React 시작! 강사님께서 아주 컴팩트하게 핵심들을 설명해주시고 진도도 빠르게 나가서 그런지 이번 주는 많은 걸 배운거 같다. 수업시간에는 개념에 대한 이해를 하고 그 개념의 바탕으로 집에서는 코드에 익숙해지는 법을 기른다. 그렇게 되면 짧은 시간에도 많은 것을 학습하고 체득할 수 있는 거 같다. 확실히 수업시간에 개념이나 데이터흐름을 잡고 가니 집에서 복습하기도 좋았고, 여러 가지 응용을 해 볼 수 있는 용기도 가지게 되었다. 그럼 지금부터 수업시간에 배운 것들을 개괄적으로 정리해 보려고 한다. 1. 비-관계형DB인 MongoDB사용법! ..
-
[포스코x코딩온] 웹개발 풀스택 코스 8주차 회고 feat. MySQL초보 개발자 성장 일지/KDT교육 2023. 3. 20. 00:14
시간이 정말 빨리 지나간다. 벌써 8주라니... 이번주는 데이터베이스에 관련 내용이 주된 내용이었다. 지난 주에 프론트에서 백엔드로 데이터를 서로 주고 받는 걸 했다면, 이번에는 프론트에서 고객이 입력한 값을 백엔드로 데이터를 넘기고 최종적으로 데이터베이스에 저장하여 데이터들을 영원히 보관하도록 하는 작업을 하였다. 이렇게 하여 서버 새로고침을 하여도 데이터가 날아가지 않게 만들 수 있었다. 1. 데이터베이스의 정리 데이터베이스는 크게 2가지로 나눈다고 한다. 관계형(RDBMS) vs 비-관계형(Non-RDBMS) *DBMS = Data Base Management System의 약자 *R = Relational MySQL은 대표적인 관계형 데이터베이스라고 하는데, 이 관계형이란, 위 사진과 같이 테이블..
-
[포스코 x 코딩온] 웹개발 풀스택 코스 7주차 교육 회고 feat. 백엔드 시작초보 개발자 성장 일지/KDT교육 2023. 3. 12. 18:31
이번주는 2가지의 일이 있었다. 1. 프론트엔드 프로젝트 발표 2. 백엔드 수업 시작 1. 프론트엔드 프로젝트 발표 우리 팀은 1등을 했다!!!!!! 다른 팀들도 매우 우수하게 제작을 해서 우리팀이 1등을 할거란 생각은 못했다. 그런데 많은 분들이 우리의 페이지를 좋게 봐주셨고, 투표 결과 우리팀이 1위를 하게 되었다. 너무 기뻤다. 일단 팀원들의 노고가 잘 반영되어 각자 뿌듯한 결과를 얻었다는 점이 좋았고, 나 스스로에게도 대견스러웠고, 잠을 못잔 보람도 느껴졌다. 물론, 1등을 안했어도 결과와 상관없이 최선을 다했다고 내 자신을 보듬아 주었겠지만, 막상 1등을 하니 보상 받는 느낌도 있어서 너무나 좋았다. 많은 아쉬움이 있었는데... 좋은 결과를 받아서 기뻤고, 한편으로는 앞으로 더 잘해야겠다는 동기..
-
[포스코 x 코딩온] 웹개발 풀스택 코스 6주차 교육 회고 feat. 프론트프로젝트초보 개발자 성장 일지/KDT교육 2023. 3. 6. 01:47
벌써 6주차가 되었다. 시간이 참 빠르다. 이번 한 주는 6주까지 배운 모든 걸 쏟아 붙는 프론트프로젝트 제작에 들어갔다. 프론트까지 배운 모든 기술들을 동원해서 팀이 원하는 웹사이트를 제작하는 것이었다. 우리 조는 모두 넷플릭스를 좋아해서 넥플릭스 뮤직이라는 것을 제작해 보자고 합을 모았다. 비슷하게 영상 서비스를 하는 두 회사인데, 넷플릭스가 뮤직이 없다는 것이 조금 의아했다. 그래서 상상력을 동원해 만약 넷플릭스가 음악시장까지 확대를 한다면 어떤 모습일까? 라는 생각을 했다. 전체적인 틀은 넷플릭스를 따라가지만, 기술적인거나 부분적으로 음악적인 부분을 더 살릴 수 있게 구상을 했다. 또한 넷플릭스 홈페이지만의 특별함은 큰 메인 배너의 영상 재생이라고 생각했다. 그래서 영상 배너를 조금은 어렵지만 제..
-
[포스코 x 코딩온] 웹개발 풀스택 코스 5주차 교육 회고 feat. sass초보 개발자 성장 일지/KDT교육 2023. 2. 26. 21:36
일주일이 후다닥 지났다. 이번 주 부터는 팀 프로젝트가 시작이 되었다. 그래서 그런지 더 정신없이 지나간거 같다. 이번 프로젝트의 주제는 프론트-엔드 영역이고, 팀 마다 주제를 정해서 프론트적인 웹사이트를 만드는 것이다. 지난 기수분들의 작업물을 보니 어떤 것은 하나의 예술 작품 같기도 했고, 어떤 것은 실용적인 측면에 포커스를 두어 심플하게 제작한 것도 있었다. 가장 인기가 좋았던 것은 예술적이면서도 실용성을 챙긴 작업물이었다. 카메라 판매를 주제로 카메라를 판매하는 웹을 만들었는데, 홈페이지 시작부터 마치 애플의 홈페이지 같은 퍼포먼스를 보여주면서도 상품의 정보도 잘 전달해 주었다. 너무 두서없이 프로젝트 이야기를 늘어놓았는데, 지금부터 이번 주 키워드 중심으로 스터디한 내용을 간략하게 정리해 볼까 ..
-
초보 개발자 공부일지(JAVA) [인스턴스와 힙메모리] with 패스트캠퍼스#4초보 개발자 성장 일지/FC교육 2023. 2. 23. 23:43
오늘도 강의를 들었다. 주제는 인스턴스와 힙메모리였다. 메모리에 대한 개념은 너무 어렵다... 그래도 포기하지 않고 열심히 강의를 돌려보았다! 그렇게 어느 정도 이해가 되어서 늦은 저녁인 지금에야 일지를 쓴다. 까먹기 전에 기록을 시작하겠다! 그럼 바로 본론으로 넘어가 보자! 스택(Stack)메모리와 힙(Heap)메모리 -- 일단 이 두 개의 메모리 형태를 알고 넘어가야겠다. 앞선 일지에서 함수에 대해 이야기를 했었는데, 그때 빼먹은 게 메모리에 대한 이야기였다. 그래서 여기서 보완을 하고, 힙 메모리와 비교를 해보려 한다. 왜냐하면, 두 개를 같이 봐야 이해가 빠르기 때문이다. 내가 노트로 정리한걸 보면서 이야기를 이어가 보자. 나는 함수에서 사용되는 것이 스택메모리이고, 인스턴스(객체) 생성에서 사용..
-
초보 개발자 공부일지(JAVA) [메서드 method] with 패스트캠퍼스#3초보 개발자 성장 일지/FC교육 2023. 2. 22. 20:56
앞서 이야기 나눈 함수와 메서드에 대한 개념이 도저히 구분이 안가서 메서드 강의를 몇 번이나 돌려봤는지 모르겠다. 드디어 조금 알거 같아서 이렇게 공부 일지를 남겨본다. 노트에 정리한 걸 먼저 공개하고 그것을 토대로 이야기를 해보자. 강의를 토대로 위와 같이 정리를 해보았다! 인스턴스까지 강의를 들어서 노트 정리를 해보았지만, 오늘은 메서드를 중심으로 이야기를 하고, 내일 힙메모리 부분을 들은 후에 인스턴스는 종합적으로 정리해 보겠다. (메서드 마지막에 인스턴스에 대한 이야기는 약간 나올 듯...) 일단 메서드를 다시 한번 정리해보면, '메서드': 객체의 기능을 구현하기 위해 클래스 내부에 구현되는 함수. 메서드를 구현함으로써 객체의 기능이 구현됨. (무...무슨.. 무슨 말?) 강의를 들으며 작성한 코..