profile
포트폴리오 수업 & 코딩 멘토링 서비스 카우치코딩입니다.
태그 목록
전체보기 (35)포트폴리오(19)카우치코딩(9)Spring(6)React(5)oAuth(4)리액트(4)구글 로그인(3)취업(3)Firebase(3)github(3)CouchCoding(3)웹개발(3)oauth2(2)프로젝트(2)http(2)취뽀(2)git(2)메타버스(2)모각코(2)figma(2)CI/CD(2)스프링(2)면접(2)API(2)프론트엔드(2)JWT(2)github actions(2)이직(2)버전관리(2)취업준비(2)uml(1)framework(1)프레임워크(1)actions(1)이더리움(1)동적쿼리(1)배포(1)kibana(1)elasticsearch(1)개발(1)웹 개발자(1)세션(1)쿠키(1)webflux(1)profile(1)개발자모임(1)django(1)gitflow(1)redis(1)구글(1)웹 캐시(1)springMVC(1)MVC(1)hosting(1)무료수업(1)모같취(1)튜토리얼(1)프론트엔드 강의(1)properties(1)리액트 강의(1)네트워크(1)디자인(1)비트코인(1)tailwind(1)무료강의(1)frontend(1)모여서각자코딩(1)로그서비스(1)OAuth2.0(1)코드분석(1)Querydsl(1)REST API(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)erd(1)Sprign Security(1)관리(1)개발자(1)RestClient(1)kafka(1)file storage(1)블록체인(1)pull(1)크롤링(1)BE(1)aws(1)Java(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)JPA(1)이벤트(1)카페찾기웹사이트(1)설계(1)session(1)강의(1)ci(1)heroku(1)slack(1)인증(1)협업프로젝트(1)포트폴리오 제작(1)cleancode(1)sql(1)백엔드(1)조건검색(1)협업도구(1)push(1)풀스택(1)
post-thumbnail

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

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

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

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

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

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

웹 개발자 포트폴리오 A to Z(기획부터 배포까지)👩🏻‍💻

IT 회사에 개발자로 취업을 하려면 개발에 대한 지식 / 경력 / 실력이 필요합니다. 경력이 없는 신입(~3년 차)에게 회사가 지식과 경력과 실력을 확인하는 방법은 무엇일까요? 첫째는 학습한 기록(Git, 기술블로그)둘째는 프로젝트 진행 경험(포트폴리오) 셋째는 코딩테

2021년 10월 27일
·
6개의 댓글
post-thumbnail

충돌 없는 Git을 위해 Git Flow에 대해 알아보자

Git Flow는 Vincent Driessen가 만든 Git Branch 관리 전략입니다.Git Flow는 기능별로 Git을 관리하기 쉽고, 스크럼 프로세스에서 칸반보드와 같이 사용하기 매우 유용하고 CI/CD와도 통합하기 좋기 때문에 많은 회사들이 사용하고 있습니

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

Github Actions로 Heroku서버에 배포하기

Github Actions로 Heroku 서버 배포하기입니다.

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

프레임워크가 무엇이고, 어떻게 사용해야할까?? (프레임워크 동작방식 예제)

우리는 웹 개발을 할 때, 앱 개발을 할 때, 인공지능 개발을 할 때, 게임 개발을 할 때, 어떤 개발을 하던 우리는 프레임워크를 사용해서 개발을 합니다. 그렇다면 프레임워크 먼가.. 느낌상 라이브러리 비슷한거 같긴 한데 정확히 무엇일까요?? 프레임워크(Framewo

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

포트폴리오(개발 프로젝트) 제작시 도움이 되는 도구들 - 3 (CI/CD, Hosting)

이전 포스팅에서 디자인서 부터 설계 테스팅에 이용하기 좋은 도구들을 알아보았습니다. 포트폴리오(개발 프로젝트) 제작시 도움이 되는 도구들 - 1 (프로젝트 관리 & 디자인) [포트폴리오(개발 프로젝트) 제작시 도움이 되는 도구들 - 2 (설계, 테스팅)](https:

2021년 9월 30일
·
0개의 댓글
post-thumbnail

포트폴리오 준비 무료 가이드 수업을 오픈합니다.

안녕하세요! 🙌 취업 및 이직을 준비하는 개발자들을 대상으로 꼭 주최해보고 싶었던 주제가 있어서 공유해요 🚀후배 개발자들의 멘토링을 할 때마다 취업에 필요한 포트폴리오를 6개월~1년 이렇게 너무 오래 준비하는게 안타까워 이런 강의가 있으면 좋겠다고 생각해서 기획하게

2021년 9월 30일
·
0개의 댓글
post-thumbnail

포트폴리오(개발 프로젝트) 제작시 도움이 되는 도구들 - 2 (설계, 테스팅)

저번 포스팅에서는 프로젝트 관리 및 화면 기획 및 디자인에 사용하는 도구들을 알아보았습니다. 이번에는 프로젝트 설계 및 개발 테스팅할때 도움이 되는 도구들을 알아보겠습니다.

2021년 9월 28일
·
1개의 댓글
post-thumbnail

포트폴리오(개발 프로젝트) 제작시 도움이 되는 도구들 - 1 (프로젝트 관리 & 디자인)

우리는 취업&이직등을 위하여 자신의 개발 능력을 알리기 위하여 개발 포트폴리오를 제작합니다. 그러나 개발 포트폴리오를 제작하다보면 단순히 개발만 해서는 완성할 수 없다는 것을 깨닫죠. 포트폴리오를 만들기 기획하고, 기능을 식별하고, 화면을 디자인하고, 개발, 배포까지의

2021년 9월 27일
·
2개의 댓글
post-thumbnail

Firebase로 Google 로그인 구현하기 (React 파트)

안녕하세요 카우치코딩입니다.\* Firebase로 Google 로그인 구현하기 (Spring + React 예제)\* Firebase로 Google 로그인 구현하기 (Spring 파트)이전 포스팅에서는 Java Spring을 통해서 Resource Server 부분을

2021년 9월 19일
·
0개의 댓글
post-thumbnail

Firebase로 Google 로그인 구현하기 (Spring 파트)

안녕하세요 카우치코딩입니다.이전 포스팅에 이어 구글 로그인응 이용하기 위하여 Java Backend(SpringBoot)를 통해 Resource Service를 구현하는 것을 배워보겠습니다. 예제는 자바로 진행하나 구조를 익히면 다른 백엔드 프레임워크에서도 사용할 수

2021년 9월 19일
·
0개의 댓글
post-thumbnail

Firebase로 Google 로그인 구현하기 (Spring + React 예제)

안녕하세요 카우치코딩입니다. 최근 여러 서비스를 이용하면 예전처럼 ID, Password를 입력해서 회원가입을 하는 경우는 거이없고 대부분 구글, 카카오, 네이버등 다른 서비스의 아이디를 이용해서 로그인을 합니다. 이러한 기술을 OAuth라고 합니다. 이번 글에서 O

2021년 9월 19일
·
0개의 댓글
post-thumbnail

[CI/CD] Github Actions으로 내 포트폴리오에 CI/CD를 적용하기

이전 포스팅에서는 CI/CD가 무엇이고 CI/CD 정책에 대해서 알아보았습니다. 이번 포스팅에서는Github Actions 를 이용하여 실제로 CI/CD를 적용해보겠습니다. Github Actions 는 Github에 내장된 CI/CD 도구입니다. Github에 내장되

2021년 9월 13일
·
1개의 댓글
post-thumbnail

CI/CD란 무엇일까 (feat. gitflow 정책 연계)

CI는 Continuous Integration, CD는 Continuous Delivery의 약자입니다. 한국말로 하면 계속되는 통합, 계속되는 배달(배포)라는 뜻이죠. 그렇다면 공통되는 단어인 Continuous는 어떤 의미로 쓰이고 있을까요? 예전에는 여러가지 개

2021년 9월 13일
·
0개의 댓글
post-thumbnail

6주 포트폴리오 제작기 : '초코음료🍫가 맛있는' 맞춤 카페 찾기 웹

카페메이트팀은 지난 8월부터 6주간 '카페메이트' 라는 카페 데이터를 크롤링하여 '분위기가 좋은, 초코음료가 존재하는' 등의 필터링으로 맞춤 카페를 찾아주는 웹사이트를 개발하였다. 2명의 프론트엔드(React) 개발자와 2명의 백엔드(Spring) 개발자가 기획부터 D

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

실무에 필요한 기술을 배워가는 웹개발 포트폴리오 멘토링 수업이 열립니다

멘토가 라이브로 직접 강의하고 프로젝트 모든 단계에서 개인의 수준에 맞는 멘토링을 제공하는 4-6인 소규모 포트폴리오 그룹수업입니다.

2021년 6월 22일
·
0개의 댓글
post-thumbnail

[무료수업] 10년차 풀스택 개발자가 말하는 웹개발 포트폴리오 준비

이번주 토요일 오전 카우치코딩에서 웹개발 포트폴리오 준비에 대해서 무료수업을 진행합니다. 취업&이직을 위해 포트폴리오를 준비하시는 분들 들으면 좋을 것 입니다 ㅎㅎ취업 준비를 하는 취준생이직을 준비하는 개발자실력 향상을 꿈꾸는 개발자포트폴리오를 준비하는 이유우리는 어떤

2021년 6월 16일
·
0개의 댓글
post-thumbnail

취업을 위한 포트폴리오를 어떻게 준비해야하나요?

참고 카우치 코딩에서 진행한 포트폴리오 무료수업 강의자료입니다. 🔗 수업정보 에서 수업에 대한 정보를 확인하실 수 있습니니다. 포트폴리오란? 개발을 잘 할 수 있다는 것을 어필하기 위해 그동안 진행했던 프로젝트를 보기 좋게 정리한 것 지원하는 포지션의 채용담당자의

2021년 6월 2일
·
0개의 댓글