[포스코x코딩온]
1.[포스코x코딩온] KDT-Web-8 1주차 회고1 - git
📚 수업요약 vscode plugin (auto commit message, git lens) git config, status, add, commit, push, pull, clone git status : 현재 git 상태 git add : 작업 영역에서 st
2.[포스코x코딩온] KDT-Web-8 1주차 회고2 - HTML
html (hypertext markup language)웹 페이지는 HTML 문서라고도 하며 HTML 태그들로 구성된다.html 구조<!DOCTYPE html> : 현재 문서가 HTML5 문서임을 명시<html> : HTML 문서의 루트 요소 정의<h
3.[포스코x코딩온] KDT-Web-8 1주차 회고3 - CSS
CSS - Cascading Style Sheet웹 페이지를 디자인하기 위해 사용하는 언어CSS 참조방식으로 인라인 방식, 내장 방식, 링크 방식이 있다.CSS 참조방식에 인라인 방식, 내장 방식, 링크 방식이 있는데 이걸 보니 CSS 우선순위에 대해 한번 정리하고 넘
4.[포스코x코딩온] KDT-Web-8 2주차 회고1 - Javascript
자바스크립트는 HTML, CSS 와 함께 웹을 구성하는 요소중 하나로 웹 브라우저에서 동작하는 유일한 프로그래밍 언어이다.자바스크립트는 개발자가 별도의 컴파일 작업을 수행하지 않는 인터프리터 언어이다.인터프리터 언어: 런타임에 한 줄씩 바이트코드로 변환한 후 실행한다.
5.[포스코x코딩온] KDT-Web-8 2주차 회고2 - Javascript
📘 학습 > 자바스크립트는 Object, String, Number, Boolean, Symbol, Date, Math, RegExp, Array, Map/Set, WeakMap/WeakSet, Function, Promise, Reflect, Proxy, JSON,
6.[포스코x코딩온] KDT-Web-8 2주차 회고3 - DOM, jQuery
📘 DOM > DOM (Document Object Model) 은 HTML 문서의 계층적 구조와 정보를 표현한다. 또한 DOM 은 노드 객체들로 구성된 트리 자료구조이다. DOM 을 구성하는 노드 객체는 자신의 구조와 정보를 제어할 수 있다. 따라서 노드 객체는
7.[포스코x코딩온] KDT-Web-8 3주차 회고1 - Team Project [코위] (Cosmetics Wiki, 화장품 추천 사이트)
1~2주간 배웠던 HTML, CSS, JS, jQuery, Bootstrap 등을 바탕으로 짧게 3주차 한주간 팀프로젝트를 진행하게 되었다. 그간의 과정 및 프로젝트에 관해 글을 쓰려 한다.프로젝트를 시작하기에 앞서 형상관리중 Git 에 대해 간단히 배운 바가 있으니
8.[포스코x코딩온] KDT-Web-8 3~4주차 회고2 - Team Project[코위] (Cosmetics Wiki, 화장품 추천 사이트)
📚 화장품 추천 사이트 - Beauty Lab 📘 마일스톤 개발 시작 일자 : 2023년 7월 17일 (월) 개발 완료 일자 : 2023년 7월 26일 (수) 📘 목표 반응형 스크롤 인터렉션 Sass 활용 BEM (Block, Element, Modifier)
9.[포스코x코딩온] KDT-Web-8 4주차 회고2 개인프로젝트1-1 - 나만의 포트폴리오
코딩온에서의 첫 팀프로젝트 Beauty Lab - 화장품 추천 서비스 가 종료되었다. Github repoGoogle SlideVelog 정리글끝나고 회고도 마쳤으나 늦기전에 바로 앞으로 진행될 나의 프로젝트들을 포트폴리오로 정리할 수단을 만들어야겠다는 생각이 들었다.
10.[포스코x코딩온] KDT-Web-8 4주차 회고3 - Node.js & 동기, 비동기
📚 서론 금주동안 Nodejs, express, 동기 비동기에 대해 배우는 시간을 가졌고 수업중 궁금점이 생겼던 부분과 학습했던 내용을 정리하였다. 📘 Node.js Node.js 는 V8 JS 엔진으로 빌드된 javascript 런타임 환경이다. 즉, 브라우
11.[포스코x코딩온] KDT-Web-8 5 주차 회고1 - JS , express 미들웨어, REST
📚 서론 이전 포스트에서 rest 파라미터에 관해서 간단하게 정리한 적이 있었는데 구조분해할당과 rest, spread 문법을 좀 더 자세히 알아봤고 이후 Form 전송에 대한 학습을 진행했다. 📘 Destructuring Assignment 구조분해는 구조화된
12.[포스코x코딩온] KDT-Web-8 5주차 회고2 - form, 동적 form, 파일 업로드
📚 서론 이 포스트는 form 태그의 요소와 속성, 특징, 동적 form 전송으로 ajax, axios, fetch, 그리고 body-parser 만으로 불가능했던 파일 업로드에 대해서 정리한다. 📘 form form 태그는 입력된 데이터를 한번에 서버로 전송
13.[포스코x코딩온] KDT-Web-8 5주차 회고3 - database
📚 서론 본격적으로 데이터베이스 관련 수업이 시작했다. 이번 포스트에서는 데이터 형식, DDL, DML, DCL, TCL 등에 대해 정리했다. 📘 SQL 📗 데이터 형식 📕 문자형 데이터 형식 CHAR(n): 고정 길이 문자열 데이터 타입이다. VARCHA
14.[포스코x코딩온] KDT-Web-8 6주차 회고1 - 디자인패턴
📚 서론 nestJS 를 하며 진득히 겪어봤던 MVC 패턴에 대해 배우게 되었다. 이에 대해 다시한번 확실히 정리해보자. 📘 MVC MVC 는 Model View Controller 로 사용자 인터페이스, 데이터 및 논리 제어를 구현하는데 널리 사용되는 소프트
15.[포스코x코딩온] KDT-Web-8 6주차 회고2 - ORM
✏️ ORM 을 왜 사용할까? ORM, sequelize 의 특징과 사용법에 대해 알아보자.
16.[포스코x코딩온] KDT-Web-8 6주차 회고3 - Server
✏️ Naver Cloud Platform 으로 서버를 생성하고 Apache 로 파일 전송해보기
17.[포스코x코딩온] KDT-Web-8 7주차 회고1 - 회고란 무엇인가
✏️ 회고에 대한 고찰을 정리해보았다. 추가로 스터디원을 모집하고 있다. 같이 성장했으면 좋겠다.
18.[포스코x코딩온] KDT-Web-8 7주차 회고2 - Cookie & Session & JWT
✏️ 쿠키와 세션이 왜 필요할까? 각각의 특징과 왜 사용하는지, 그리고 세션의 문제를 JWT 토큰이 어떻게 개선했는지 알아보자.
19.[포스코x코딩온] KDT-Web-8 7주차 회고3 - AWS EC2 & RDS
✏️ AWS 의 기본 개념을 알아보자
20.[포스코x코딩온] KDT-Web-8 7주차 회고4 토이프로젝트 <슬랙봇을 활용한 스터디 리마인더>
✏️ EC2, Node.js, pm2, slack API 를 활용한 스터디 리마인더를 생성해보자.
21.[포스코x코딩온] KDT-Web-8 7주차 회고5 - nginx
✏️ nginx 사용법과 사용이유에 대해 알아보자
22.[포스코x코딩온] KDT-Web-8 8주차 회고1 - JSON 웹 토큰 (JWT) 이해하기
✏️ JSON 웹 토큰이 무엇이고, 현대 웹 애플리케이션에서 JWT 가 왜 중요할까?
23.[포스코x코딩온] KDT-Web-8 8주차 회고2 Restful API Naming Convention
✏️ Restful API 란 무엇이며 RESTful 한 API 를 위해 URI 에 어떤 네이밍 컨벤션을 따르는게 좋을까?
24.[포스코x코딩온] KDT-Web-8 8주차 회고3 테스트코드 입문
✏️ 테스트 코드 도입기
25.[포스코x코딩온] KDT-Web-8 9주차 회고1 TCP/IP Deep Dive
✏️ TCP/IP 에 대해 깊이 알아보자
26.[포스코x코딩온] KDT-Web-8 9주차 회고2 WebSocket
✏️ 웹의 동작 원리를 알아보고 WebSocket , HTTP 방식을 비교해보자.
27.[포스코x코딩온] KDT-Web-8 9주차 회고3 Socket.IO
✏️ 활용도가 매우 높은 Socket.io 에 대해 배워보자
28.[포스코x코딩온] KDT-Web-8 10~11주차 팀프로젝트 Do IT 회고1
✏️ 스터디 모집 플랫폼 개발 시작 - 슬랙봇 webhook 설정하기
29.[포스코x코딩온] KDT-Web-8 10~11주차 팀프로젝트 Do IT 총 회고
✏️ 개발자를 위한 스터디 모집 플랫폼 Do-IT 전체 회고
30.[포스코x코딩온] KDT-Web-8 10~11주차 팀프로젝트 Do IT - 슬랙봇 전체 생성과정
✏️ 슬랙봇 생성기
31.[포스코x코딩온] KDT-Web-8 12주차 회고1 atomic design
✏️ atomic design 이 무엇이고 어떻게 실제로 적용되어있는지 확인해보자
32.[포스코x코딩온] KDT-Web-8 12주차 회고2 class component & event handling
✏️ Event Handler 와 this 에 대해 알아보자. < 클래스형 컴포넌트 this binding >
33.[포스코x코딩온] KDT-Web-8 13주차 회고1 react-router-dom
✏️ React Router 입문
34.[포스코x코딩온] KDT-Web-8 13주차 회고2 react-hook-form
✏️ redux createAsyncThunk, full-stack, react-hook-form 을 활용한 todo-app 만들기
35.[포스코x코딩온] KDT-Web-8 14주차 회고1 Redux-Toolkit
✏️ Redux Toolkit
36.[포스코x코딩온] KDT-Web-8 15주차 프로젝트 회고 - 포트폴리오
✏️ 나만의 포트폴리오 만들기
37.[포스코x코딩온] KDT-Web-8 16주차 회고1 - Java Arrays & ArrayList method 기능과 시간복잡도 비교
✏️ Arrays, ArrayList 메서드의 기능과 성능 비교
38.[포스코x코딩온] KDT-Web-8 17주차 Java - 캐스팅, 인터페이스
✏️ 캐스팅과 인터페이스에 대해 알아보자
39.[포스코x코딩온 ] KDT-Web-8 18주차 spring boot
✏️ spring boot
40.GraphQL 과 Apollo
1. 강의 소개 > #### GraphQL 의 개념과 사용방법 GraphQL 탄생 이유 GraphQL 특징 및 강점 GraphQL 로 정보를 주고받는 방법 Apollo 를 사용한 GraphQL 프로그래밍 실습 Node.js 기반 프로젝트 백엔드 서버 만들기 프론트엔드
41.next.js 입문
✏️ Next.js 입문
42.next.js 입문2
✏️ next.js 입문2
43.Nextjs 14 + Styled Component 사용기
custom storybook control 설정 https://thoughtbot.com/blog/creating-a-custom-color-control-in-storybook warning className did not match 오류 https://jha-m
44.Nextjs app router use styled component
https://stackoverflow.com/questions/77164068/how-to-add-theme-provider-in-next-js-apphttps://stackoverflow.com/questions/51791163/warning-pr
45.storybook 자동 배포
이미 origin 은 기존 프로젝트에서 사용중이라 다른 이름인 storybook 으로 remote 를 추가해주고 새로 생성한 레포에 푸시해주었다.시간이 좀 걸린다.https://www.chromatic.com/start?utm_source=storybook_w
46.openvidu 오류 모음
next.js 14 + openvidu-brower 27.0 + openvidu-call-react 를 사용중에 있는데 모든 동작이 정상적으로 이루어지는데 500 에러가 뜨는 상황이 발생했다.그런데 document 를 쓰는 부분을 모두 주석처리해도 계속 해당 오류가 무
47.[포스코x코딩온] KDT-Web-8 최종프로젝트 커리업 회고
4주간 최종 팀프로젝트를 진행하며 겪은 일, 배운점, 역할 등에 대해 정리하고자 한다.부트캠프에서의 마지막 프로젝트이다보니 이번엔 정말 취업을 하는데 도움이 되도록 하고 싶었다. 그래서 첫 회의때 하고 싶은 주제를 생각해오고 어떤 성과를 얻어가고 싶은지 생각해오자는 이