profile
포트폴리오 수업 & 코딩 멘토링 서비스 카우치코딩입니다.
태그 목록
전체보기 (42)포트폴리오(20)Spring(10)카우치코딩(9)React(7)oAuth(4)Java(4)리액트(4)취업(3)CouchCoding(3)웹개발(3)CI/CD(3)프론트엔드(3)취업준비(3)github(3)Firebase(3)구글 로그인(3)react testing library(2)테스트(2)API(2)배포(2)버전관리(2)TDD(2)JWT(2)모각코(2)github actions(2)면접(2)스프링(2)프로젝트(2)heroku(2)이직(2)oauth2(2)클린코드(2)figma(2)리팩토링(2)메타버스(2)http(2)취뽀(2)frontend(2)git(2)redis(2)포트폴리오 수업(2)kibana(1)elasticsearch(1)개발(1)웹 개발자(1)세션(1)쿠키(1)webflux(1)profile(1)개발자모임(1)django(1)gitflow(1)개발자 포트폴리오(1)구글(1)웹 캐시(1)springMVC(1)MVC(1)hosting(1)PaaS(1)무료수업(1)PostgreSQL(1)모같취(1)튜토리얼(1)프론트엔드 강의(1)properties(1)리액트 강의(1)네트워크(1)디자인(1)비트코인(1)tailwind(1)무료강의(1)모여서각자코딩(1)로그서비스(1)OAuth2.0(1)코드분석(1)Querydsl(1)REST API(1)docker(1)프로토콜(1)DB_설계(1)웹개발자(1)MemCache(1)commit(1)tandem(1)cloud(1)google login(1)네카라쿠배(1)cd(1)개발환경(1)도구(1)(1)좋은코드(1)도지코인(1)sns로그인(1)BooleanExpression(1)CSS(1)CSS Module(1)Sass(1)styled components(1)api설계(1)기획(1)repository(1)clone(1)MSW(1)erd(1)Sprign Security(1)관리(1)개발자(1)qoddi(1)RestClient(1)kafka(1)mock(1)file storage(1)블록체인(1)pull(1)크롤링(1)BE(1)kakao map(1)aws(1)db(1)kotlin(1)cookie(1)Grafana(1)Database(1)postman(1)웹서비스(1)파이어베이스(1)프로젝트관리(1)토이프로젝트(1)모임(1)웹서비스 아키텍처(1)공부(1)4차산업혁명,(1)FE(1)보안(1)redux(1)Frontend test(1)JPA(1)이벤트(1)카페찾기웹사이트(1)유닛테스트(1)도커(1)설계(1)session(1)강의(1)ci(1)slack(1)인증(1)협업프로젝트(1)포트폴리오 제작(1)cleancode(1)sql(1)백엔드(1)조건검색(1)소프트웨어 아키텍처(1)협업도구(1)push(1)풀스택(1)uml(1)framework(1)프레임워크(1)actions(1)이더리움(1)동적쿼리(1)OOP(1)초보 개발자(1)
post-thumbnail

포트폴리오 제작기: 나만의 편의점 찾기 플랫폼 - Fun편log

Fun편log팀은 프론트엔드 개발자 2명 백엔드 개발자 1명이 팀을 이뤄 11월 15일부터 12월 22일까지 포트폴리오 멘토링 프로젝트를 진행했습니다. 프론트엔드 개발자 두 분은 비전공자 개발자로써 독학으로 html/css, React를 공부하였으나 취업에 쓸만한 근사

2022년 12월 28일
·
1개의 댓글
·
post-thumbnail

[CleanCode] 읽기 좋은 코드로 변경시키기 예제

이번 카우치코딩 수업에서는 학생의 코드를 보고 피드백을 주고 리팩토링을 하는 작업을 진행하였습니다. 그 중 읽기 쉬운 코드를 만들기위해 학생의 코드를 리팩토링 했던 내용을 공유하고자 적어보았습니다. 초보 분들이 코드를 작성할때 참고하면 좋을 것입니다. 너무 구체적인

2022년 12월 16일
·
0개의 댓글
·
post-thumbnail

[Spring] Controller, Service는 왜 분리해야할까?

Spring을 처음 배우는 모든 학생 분들이 가장 많이하는 질문이 그냥 Controller에서 전부 구현하면 안되나요? Service를 왜 만들어야하죠? 라는 질문입니다.Controller에 다 구현해도 똑같이 동작하기 떄문에 이런 질문을 가질 수 있습니다. 또한 생각

2022년 11월 30일
·
1개의 댓글
·
post-thumbnail

포트폴리오용 무료 백엔드 서버 만들기 (Qoddi) - Spring 배포 예제

최근 heroku의 모든 plan이 유료화 되면서 백엔드용 무료 서버가 거이 사라졌습니다. 프론트엔드를 위한 무료 웹 호스팅 서버는 netlify, github page, vercel등 점점 많아지고 있는데 백엔드는 점점 사라지고 있죠. AWS의 free tier를 사

2022년 11월 16일
·
6개의 댓글
·
post-thumbnail

프론트엔드 테스트 해야할까? (2) React-Testing-Library 사용해보기

지난 글에서는 프론트엔드에도 테스트가 필요한 이유와 테스트의 종류 그리고 테스팅 방법에 대해서 알아보았습니다. 아직 읽어 보지 못하신 분은 여기'를 참고해 주시길 바랍니다. 이번 글에서는 React-Testing-Library를 이용하여 소프트웨어 요구사항을 테스트

2022년 11월 2일
·
0개의 댓글
·
post-thumbnail

프론트엔드 테스트 해야할까? - (1)

프론트엔드도 반드시 테스트를 해야하는 이유 예전에는 프론트엔드가 복잡하지 않아 프론트엔드 테스트를 잘 진행하지 않았습니다. 그러나 프론트엔드의 중요성이 강조되고, 백엔드의 다양한 기능들이 프론트엔드로 옮겨오면서 프론트엔드가 점점 더 중요해지고, 프론트엔드를 관리 할 필

2022년 10월 19일
·
0개의 댓글
·
post-thumbnail

당신이 Docker로 개발환경을 구축해야 하는 이유(Docker로 Postgresql과 Redis 설치하기 예제)

도커를 통해 개발환경을 구축할 때 얻을 수 있는 장점과 간단한 디비 구축 예제를 만들어 보았습니다.

2022년 10월 5일
·
0개의 댓글
·
post-thumbnail

[Git] 실무에서 사용하는 명령어들을 빠르게 알아보자 (1)

Git은 개발자가 반드시 알아야할 기술 중 첫번째로 뽑을 정도로 굉장히 중요한 기술입니다. 그 Git을 제대로 공부하기는 매우 어렵고, 대부분의 상황에서는 그 모든 것을 알 필요는 없습니다. 그래서 이번 포스팅에서는 실무에서 사용하는 필수 명령어들을 알아보도록 하겠습니

2022년 5월 5일
·
0개의 댓글
·
post-thumbnail

[Spring] 개발환경에 따라 Profile 분리하는 방법과 활용 예제를 알아보자

개발 환경과 Product 실행 환경을 분리하기 위해서 사용 ex) 로컬 개발환경에서는 h2 데이터베이스를 사용하고, 실제 배포환경에서는 postgres db를 사용하는 경우ex) 보안 파일이나 암호를 모든 개발자에게 공개할 수 없는 경우ex) 로컬 개발환경에서는 oa

2022년 4월 8일
·
0개의 댓글
·
post-thumbnail

[Spring] QueryDSL로 조건검색 API를 만들어보자(동적 쿼리)

개발을 하다보면 위의 그림 처럼 여러가지 조건을 가지고 검색을 해야할 경우가 많이 있습니다. 조건이 고정되어 있다면 조금 쉽겠지만 사용자가 필요에 따라 조

2022년 3월 26일
·
0개의 댓글
·
post-thumbnail

[React - 2] 설치하기 & package.json

이전 포스팅에서는 React가 어떤 특징을 가지는 프레임워크인지 알아보았습니다. 이번 포스팅에서는 React를 실제로 다루기 위해서 개발환경을 구성하도록 해보겠습니다.React App을 개발하기 위해 사용할 수 있는 선택처는 위의 표에서 보듯이 CDN, CRA, Nex

2022년 3월 4일
·
0개의 댓글
·
post-thumbnail

[React - 1] 리액트의 특징

가장 많이 사용하는 프론트엔드 프레임워크는 당연 리액트입니다. 프론트엔드 개발영역이 크지 않던 시절엔 프론트엔드 구인 광고에는 약 70% 이상이 리액트 개발자를 원하고 있습니다. 리액트는 어떤 이유로 가장 인기있는 프레임워크가 되었을까요? 이번 포스팅에서는 리액트의 장

2022년 2월 18일
·
0개의 댓글
·
post-thumbnail

Spring Security (1) - 구조와 동작 방식

Spring Security는 Spring Application 개발시에 보안을 적용하기 위해 사용하는 보안 프레임워크 입니다. Spring Security는 웹 보안을 위하여 인증 및 보안 관련 로직을 제공합니다. 특히 Spring Security의 가장 중요한 기능

2022년 1월 25일
·
0개의 댓글
·
post-thumbnail

리액트 컴포넌트에 CSS 적용하기 - 많이 사용하는 4가지 기술 정리

리액트 프로젝트에서 컴포넌트 구조를 어떻게 짜는지가 유지보수에 중요하듯 컴포넌트의 스타일링 또한 리액트의 큰 축으로서 CSS를 어떤 구조로 관리할지 관건입니다. 구조화를 돕는 4가지 기술을 소개합니다. SASS (pre-processor) SASS와 같은 CSS 전처

2022년 1월 12일
·
0개의 댓글
·
post-thumbnail

Postman Mock Server로 팀 프로젝트의 개발 속도와 갈등을 개선하기

이번 포스팅에서는 팀 개발 시 개발의 효율을 개선을 해주는 솔루션인 Mock Server에 대해서 설명하고, Postman을 통해서 Mock Server를 만드는 방법에 대해서 알아보겠습니다.프로젝트의 개발 효율을 저해시키는 요소에는 정말 여러가지가 있습니다. Mock

2021년 12월 21일
·
0개의 댓글
·
post-thumbnail

개발 초보를 위한 RESTful API 설계 가이드

초보자를 위한 RESTful API 설계 가이드를 작성해보았습니다.

2021년 12월 1일
·
3개의 댓글
·
post-thumbnail

웹 서비스를 구성하는 구성요소들을 알아보자 - 2

이전 포스팅에서는 웹서비스의 구성 변화에 대해서 알아보고 웹서비스를 구성하는 요소중 CDN, Load Balancer, Web Application Service, Database, File Storage에 대해서 알아보았습니다.이번 포스팅에서는 저번에 다루지 않은 C

2021년 11월 17일
·
0개의 댓글
·
post-thumbnail

웹 서비스를 구성하는 구성요소들을 알아보자 - 1

웹 서비스의 구성요소들을 알아봅시다 이번 포스팅에서는 CDN, Load Balancer, WAS, DB, File Storage에 대해서 다룹니다.

2021년 11월 10일
·
0개의 댓글
·
post-thumbnail

[HTTP] Session, Cookie, JWT에 대해서 알아보자

Cookie, Session, JWT의 동작방식과 특징에 대해서 알아봅시다.

2021년 11월 2일
·
0개의 댓글
·
post-thumbnail

HTTP에 대해서 알아보자(정의와 구조)

HTTP란? HTTP는 HyperText Transfer Protocol의 약자로 주로 HTML과 같은 HyperText문서를 주고 받기 위해 만들어졌고, 최근에는 HTML뿐 아니라 모든 웹 관련 API통신에 이용하고 있는 통신 프로토콜입니다. HTTP 프로토콜은 비연

2021년 10월 27일
·
0개의 댓글
·