- 전체보기(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)
포트폴리오 제작기: 나만의 편의점 찾기 플랫폼 - Fun편log
Fun편log팀은 프론트엔드 개발자 2명 백엔드 개발자 1명이 팀을 이뤄 11월 15일부터 12월 22일까지 포트폴리오 멘토링 프로젝트를 진행했습니다. 프론트엔드 개발자 두 분은 비전공자 개발자로써 독학으로 html/css, React를 공부하였으나 취업에 쓸만한 근사
[CleanCode] 읽기 좋은 코드로 변경시키기 예제
이번 카우치코딩 수업에서는 학생의 코드를 보고 피드백을 주고 리팩토링을 하는 작업을 진행하였습니다. 그 중 읽기 쉬운 코드를 만들기위해 학생의 코드를 리팩토링 했던 내용을 공유하고자 적어보았습니다. 초보 분들이 코드를 작성할때 참고하면 좋을 것입니다. 너무 구체적인
[Spring] Controller, Service는 왜 분리해야할까?
Spring을 처음 배우는 모든 학생 분들이 가장 많이하는 질문이 그냥 Controller에서 전부 구현하면 안되나요? Service를 왜 만들어야하죠? 라는 질문입니다.Controller에 다 구현해도 똑같이 동작하기 떄문에 이런 질문을 가질 수 있습니다. 또한 생각
포트폴리오용 무료 백엔드 서버 만들기 (Qoddi) - Spring 배포 예제
최근 heroku의 모든 plan이 유료화 되면서 백엔드용 무료 서버가 거이 사라졌습니다. 프론트엔드를 위한 무료 웹 호스팅 서버는 netlify, github page, vercel등 점점 많아지고 있는데 백엔드는 점점 사라지고 있죠. AWS의 free tier를 사
프론트엔드 테스트 해야할까? (2) React-Testing-Library 사용해보기
지난 글에서는 프론트엔드에도 테스트가 필요한 이유와 테스트의 종류 그리고 테스팅 방법에 대해서 알아보았습니다. 아직 읽어 보지 못하신 분은 여기'를 참고해 주시길 바랍니다. 이번 글에서는 React-Testing-Library를 이용하여 소프트웨어 요구사항을 테스트
프론트엔드 테스트 해야할까? - (1)
프론트엔드도 반드시 테스트를 해야하는 이유 예전에는 프론트엔드가 복잡하지 않아 프론트엔드 테스트를 잘 진행하지 않았습니다. 그러나 프론트엔드의 중요성이 강조되고, 백엔드의 다양한 기능들이 프론트엔드로 옮겨오면서 프론트엔드가 점점 더 중요해지고, 프론트엔드를 관리 할 필
당신이 Docker로 개발환경을 구축해야 하는 이유(Docker로 Postgresql과 Redis 설치하기 예제)
도커를 통해 개발환경을 구축할 때 얻을 수 있는 장점과 간단한 디비 구축 예제를 만들어 보았습니다.
[Git] 실무에서 사용하는 명령어들을 빠르게 알아보자 (1)
Git은 개발자가 반드시 알아야할 기술 중 첫번째로 뽑을 정도로 굉장히 중요한 기술입니다. 그 Git을 제대로 공부하기는 매우 어렵고, 대부분의 상황에서는 그 모든 것을 알 필요는 없습니다. 그래서 이번 포스팅에서는 실무에서 사용하는 필수 명령어들을 알아보도록 하겠습니
[Spring] 개발환경에 따라 Profile 분리하는 방법과 활용 예제를 알아보자
개발 환경과 Product 실행 환경을 분리하기 위해서 사용 ex) 로컬 개발환경에서는 h2 데이터베이스를 사용하고, 실제 배포환경에서는 postgres db를 사용하는 경우ex) 보안 파일이나 암호를 모든 개발자에게 공개할 수 없는 경우ex) 로컬 개발환경에서는 oa
.png)
[Spring] QueryDSL로 조건검색 API를 만들어보자(동적 쿼리)
개발을 하다보면 위의 그림 처럼 여러가지 조건을 가지고 검색을 해야할 경우가 많이 있습니다. 조건이 고정되어 있다면 조금 쉽겠지만 사용자가 필요에 따라 조
.png)
[React - 2] 설치하기 & package.json
이전 포스팅에서는 React가 어떤 특징을 가지는 프레임워크인지 알아보았습니다. 이번 포스팅에서는 React를 실제로 다루기 위해서 개발환경을 구성하도록 해보겠습니다.React App을 개발하기 위해 사용할 수 있는 선택처는 위의 표에서 보듯이 CDN, CRA, Nex
[React - 1] 리액트의 특징
가장 많이 사용하는 프론트엔드 프레임워크는 당연 리액트입니다. 프론트엔드 개발영역이 크지 않던 시절엔 프론트엔드 구인 광고에는 약 70% 이상이 리액트 개발자를 원하고 있습니다. 리액트는 어떤 이유로 가장 인기있는 프레임워크가 되었을까요? 이번 포스팅에서는 리액트의 장
Spring Security (1) - 구조와 동작 방식
Spring Security는 Spring Application 개발시에 보안을 적용하기 위해 사용하는 보안 프레임워크 입니다. Spring Security는 웹 보안을 위하여 인증 및 보안 관련 로직을 제공합니다. 특히 Spring Security의 가장 중요한 기능
리액트 컴포넌트에 CSS 적용하기 - 많이 사용하는 4가지 기술 정리
리액트 프로젝트에서 컴포넌트 구조를 어떻게 짜는지가 유지보수에 중요하듯 컴포넌트의 스타일링 또한 리액트의 큰 축으로서 CSS를 어떤 구조로 관리할지 관건입니다. 구조화를 돕는 4가지 기술을 소개합니다. SASS (pre-processor) SASS와 같은 CSS 전처
Postman Mock Server로 팀 프로젝트의 개발 속도와 갈등을 개선하기
이번 포스팅에서는 팀 개발 시 개발의 효율을 개선을 해주는 솔루션인 Mock Server에 대해서 설명하고, Postman을 통해서 Mock Server를 만드는 방법에 대해서 알아보겠습니다.프로젝트의 개발 효율을 저해시키는 요소에는 정말 여러가지가 있습니다. Mock
웹 서비스를 구성하는 구성요소들을 알아보자 - 2
이전 포스팅에서는 웹서비스의 구성 변화에 대해서 알아보고 웹서비스를 구성하는 요소중 CDN, Load Balancer, Web Application Service, Database, File Storage에 대해서 알아보았습니다.이번 포스팅에서는 저번에 다루지 않은 C
웹 서비스를 구성하는 구성요소들을 알아보자 - 1
웹 서비스의 구성요소들을 알아봅시다 이번 포스팅에서는 CDN, Load Balancer, WAS, DB, File Storage에 대해서 다룹니다.
[HTTP] Session, Cookie, JWT에 대해서 알아보자
Cookie, Session, JWT의 동작방식과 특징에 대해서 알아봅시다.
HTTP에 대해서 알아보자(정의와 구조)
HTTP란? HTTP는 HyperText Transfer Protocol의 약자로 주로 HTML과 같은 HyperText문서를 주고 받기 위해 만들어졌고, 최근에는 HTML뿐 아니라 모든 웹 관련 API통신에 이용하고 있는 통신 프로토콜입니다. HTTP 프로토콜은 비연