<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>그래프QL</title>
	<atom:link href="https://blog.goorm.io/tag/%EA%B7%B8%EB%9E%98%ED%94%84ql/feed/" rel="self" type="application/rss+xml" />
	<link></link>
	<description>개발자 성장 중심 생태계를 만들어 나가고 있습니다.</description>
	<lastBuildDate>Tue, 29 Mar 2022 02:14:30 +0000</lastBuildDate>
	<language>ko-KR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://blog.goorm.io/wp-content/uploads/2021/04/cropped-apple-icon-180x180-2-32x32.png</url>
	<title>그래프QL</title>
	<link></link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>[버그 없이 웹 개발]이 하고 싶다면 박성민님의 꿀팁을 놓치지 마세요</title>
		<link>https://blog.goorm.io/web_develop_without_bugs_with_react_typescript-2/</link>
		
		<dc:creator><![CDATA[goorm]]></dc:creator>
		<pubDate>Thu, 08 Apr 2021 03:00:33 +0000</pubDate>
				<category><![CDATA[구름EDU]]></category>
		<category><![CDATA[GraphQL]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[REACT]]></category>
		<category><![CDATA[typescript]]></category>
		<category><![CDATA[그래프QL]]></category>
		<category><![CDATA[리액트]]></category>
		<category><![CDATA[박성민]]></category>
		<category><![CDATA[쇼핑몰]]></category>
		<category><![CDATA[자바스크립트]]></category>
		<category><![CDATA[클로닝]]></category>
		<category><![CDATA[타입스크립트]]></category>
		<category><![CDATA[포트폴리오]]></category>
		<category><![CDATA[프론트엔드]]></category>
		<guid isPermaLink="false">http://43.200.187.64/?p=3680</guid>

					<description><![CDATA[<p>바로 &#8216;버그 없이 웹 개발&#8216; 강좌를 기획해주신 박성민님인데요!쉽지만 너무 기본적이고 실무와 동떨어진 프로젝트에서 한 걸음 더 나아가 클라이언트부터 서버까지 연결된...</p>
<p>The post <a href="https://blog.goorm.io/web_develop_without_bugs_with_react_typescript-2/">[버그 없이 웹 개발]이 하고 싶다면 박성민님의 꿀팁을 놓치지 마세요</a> appeared first on <a href="https://blog.goorm.io">구름 공식 블로그 (goorm blog)</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="881" height="290" src="https://blog.goorm.io/wp-content/uploads/2021/07/11.png" alt="" class="wp-image-4353" data-full="https://blog.goorm.io/wp-content/uploads/2021/07/11.png" data-full-size="881x290" /></figure>



<p>바로 &#8216;<a href="https://edu.goorm.io/lecture/25571/react-typescript-graphql-%EB%A1%9C-%EB%B2%84%EA%B7%B8%EC%97%86%EC%9D%B4-%EB%B9%A0%EB%A5%B4%EA%B2%8C-%EA%B0%9C%EB%B0%9C%ED%95%98%EA%B8%B0?utm_source=inhouse_blog&amp;utm_medium=post&amp;utm_campaign=nobugs&amp;utm_content=blog" target="_blank" rel="noreferrer noopener"><strong><span class="has-inline-color has-accent-color">버그 없이 웹 개발</span></strong></a>&#8216; 강좌를 기획해주신 박성민님인데요!<br>쉽지만 너무 기본적이고 실무와 동떨어진 프로젝트에서 한 걸음 더 나아가 클라이언트부터 서버까지 연결된 실용적인 웹 애플리케이션을 만들어볼 수 있는 강의를 만들어주셨어요 <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>



<p>&#8216;<a href="https://edu.goorm.io/lecture/25571/react-typescript-graphql-%EB%A1%9C-%EB%B2%84%EA%B7%B8%EC%97%86%EC%9D%B4-%EB%B9%A0%EB%A5%B4%EA%B2%8C-%EA%B0%9C%EB%B0%9C%ED%95%98%EA%B8%B0?utm_source=inhouse_blog&amp;utm_medium=post&amp;utm_campaign=nobugs&amp;utm_content=blog" target="_blank" rel="noreferrer noopener"><strong>버그 없이 웹 개발</strong></a>&#8216; 강좌를 구성해 주신 박성민님을 만나 이야기를 나누어 보았습니다!<br></p>



<hr class="wp-block-separator is-style-wide"/>



<p><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2601.png" alt="☁" class="wp-smiley" style="height: 1em; max-height: 1em;" /> : <strong>안녕하세요 박성민님, 구르머분들께 자기소개 부탁드립니다!</strong><br></p>



<p><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f64e-1f3fb-200d-2642-fe0f.png" alt="🙎🏻‍♂️" class="wp-smiley" style="height: 1em; max-height: 1em;" /> : 안녕하세요 박성민입니다!<br>저는 소프트웨어 공학을 전공해서 졸업 후 쭉 개발자로 일을 해오고 있습니다.</p>



<p>처음에는 C# 를 활용한 게임 개발을 조금 하다가 웹개발 일을 맡게 되어 지금까지 실시간 영어 첨삭 서비스, 제3자 물류 시스템 등의 프로젝트에 참여했습니다.</p>



<p>오픈소스 생태계에도 관심이 많아 사용했던 오픈소스들에 코드나 재정적으로<br>기여하려고 노력하는 편입니다.</p>



<hr class="wp-block-separator is-style-wide"/>



<p><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2601.png" alt="☁" class="wp-smiley" style="height: 1em; max-height: 1em;" /> : <strong>이번에 공개해 주신 [<a href="https://edu.goorm.io/lecture/25571/react-typescript-graphql-%EB%A1%9C-%EB%B2%84%EA%B7%B8%EC%97%86%EC%9D%B4-%EB%B9%A0%EB%A5%B4%EA%B2%8C-%EA%B0%9C%EB%B0%9C%ED%95%98%EA%B8%B0?utm_source=inhouse_blog&amp;utm_medium=post&amp;utm_campaign=nobugs&amp;utm_content=blog" target="_blank" rel="noreferrer noopener">버그 없이 웹 개발</a>] 강좌는</strong><br><strong>웹 개발자로 커리어를 시작하고 싶거나, 취미로 나만의 앱을 만들고 싶은 분</strong><br><strong>혹은 리액트(React)에서 타입스크립트(TypeScript)가</strong><br><strong>어떻게 사용될 수 있는지 궁금한 분들에게 추천한다고 설명해주셨는데</strong><br><strong>혹시 이 강좌를 구성하게 된 동기가 있다면 무엇인지 궁금합니다</strong>!</p>



<p></p>



<p><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f64e-1f3fb-200d-2642-fe0f.png" alt="🙎🏻‍♂️" class="wp-smiley" style="height: 1em; max-height: 1em;" /> : 제가 실무에서 사용해보고 효율적이라고 느꼈던 기술스택인<br>React와 TypeScript를 아직 경험해보지 못한 분들에게 소개해보고 싶었습니다.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1207" height="433" src="https://blog.goorm.io/wp-content/uploads/2021/07/5.png" alt="" class="wp-image-4349" data-full="https://blog.goorm.io/wp-content/uploads/2021/07/5.png" data-full-size="1207x433" /></figure>



<p>React의 경우 HTML &amp; CSS &amp; JS 를 한 군데로 응집시킨 컴포넌트를 기반으로 한 개발을 유행시켜 복잡한 애플리케이션의 개발을 크게 단순화 시켰고,</p>



<p>GraphQL은 데이터 요구사항(Data Requirement)까지 컴포넌트화 하는 것을 가능하게 했다고 볼 수 있습니다.</p>



<p>결과적으로 앱 내에서 변경사항이 발생하더라도 모든 컴포넌트가 느슨한 연결로 각자의 책임을 맡고 있기 때문에, 부작용(side effect)을 최소화하는 효과를 내는 것입니다.</p>



<p>마지막으로 TypeScript 의 타입 안전성이 각 컴포넌트마다 아주 작은 테스트 케이스들을 만드는 효과를 주고 GraphQL의 Type 시스템을 활용하여 서버에서 오는 응답에 대한 타입까지 공짜로 사용하도록 해줍니다.</p>



<p>저는 최근 1년간 위 스택으로 개발해오면서 엄청난 생산성 향상 뿐만 아니라 만족스러운 개발자 경험까지 얻으며 즐겁게 일했다고 자신있게 말씀드릴 수 있습니다.</p>



<p>지난 1년간 웹 개발을 주제로 1:1 개인 레슨을 해오면서 자연스레 정립된 커리큘럼을 갖게 됐습니다. 구름EDU를 통해 더 많은 분들과 함께 React와 TypeScript가 가진 매력을 공유해보고 싶어 도전하게 됐습니다.</p>



<p>기존에 12시간 분량으로 강의하던 튜터링 커리큘럼을 정말 필요한 부분만 압축해서 전체 약 2~3시간 분량으로 제작했습니다. 서론만 길고 내용이 부실한 강의를 만들지 않으려 많이 노력했으니 궁금했던 부분에 대해서 잘 배워가셨으면 좋겠습니다.</p>



<hr class="wp-block-separator is-style-wide"/>



<p><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2601.png" alt="☁" class="wp-smiley" style="height: 1em; max-height: 1em;" /> : <strong>React와 TypeScript로 개발을 하기 전에는</strong><br><strong>어떤 스택을 사용해 프론트엔드 개발을 시작하셨는지도 궁금해요!</strong></p>



<p></p>



<p><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f64e-1f3fb-200d-2642-fe0f.png" alt="🙎🏻‍♂️" class="wp-smiley" style="height: 1em; max-height: 1em;" /> : 첫 웹 개발은 PHP 5.6 + JavaScript 로 전통적인 서버 사이드 앱을 만들어보며 시작하게 되었는데요, 돌이켜 생각해보면 네이티브 모듈 시스템이 없는 상황에서 덕지덕지 하나씩 의존성을 추가해 나가며 열악한 환경에서 개발했던 것 같습니다.</p>



<p>그러던 와중에 자연스럽게 Webpack, node, node package manager 같은 신기술에 매료되어서 JavaScript 생태계로 본격적으로 빠져들게 되었습니다. 원래 신입 때는 최신기술이 괜히 멋져 보이고 좋아 보였던 탓도 있던 것 같습니다.</p>



<p>그러다가 React를 접하게 되고, 그 단순함과 빠른 개발 사이클에 매료됐습니다. 덕분에 지금까지 React 와 TypeScript를 기반으로 한 다양한 기술을 활용해 개발을 진행하고 있습니다.</p>



<hr class="wp-block-separator is-style-wide"/>



<p><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2601.png" alt="☁" class="wp-smiley" style="height: 1em; max-height: 1em;" /> : <strong>이번 강좌가 처음으로 만들어본 영상 강좌이신 것으로 알고 있어요!</strong><br><strong>혹시 구름EDU와 강좌를 만들어볼까 고민하는 분께 경험담을</strong><br><strong>한 문장으로 전해주신다면 어떤 내용일까요?</strong></p>



<p></p>



<p><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f64e-1f3fb-200d-2642-fe0f.png" alt="🙎🏻‍♂️" class="wp-smiley" style="height: 1em; max-height: 1em;" /> : 강좌 기획안을 구성하는 것 뿐만 아니라 컨텐츠를 만드는데 집중할 수 있도록<br>구름EDU의 콘텐츠 매니저분이 지원을 많이 해주셨습니다.<br>한 문장으로 하려고 했는데 조금 더 늘어날 것 같은데 괜찮을까요?</p>



<p><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2601.png" alt="☁" class="wp-smiley" style="height: 1em; max-height: 1em;" /> : <strong>네! 당연하죠!</strong></p>



<p><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f64e-1f3fb-200d-2642-fe0f.png" alt="🙎🏻‍♂️" class="wp-smiley" style="height: 1em; max-height: 1em;" /> : 일단 영상 편집도 처음이고, 수강생 없이 혼자서만 말을 하려니 많이 어색했는데, 강좌 구성이 마무리가 되어가는 단계에 들어서면서 이것 저것 노하우도 많이 생기더라고요.</p>



<p>필요한 부분이 있거나 강좌 구성을 위해 논의가 필요할 때마다 구름EDU 콘텐츠 매니저님께 도움을 청했는데 저와 함께 고민해주셔서 많이 수월했던 것 같습니다.</p>



<p>구름EDU에서 강좌를 해볼까 말까하고 고민하는 개발자분들도 많은 것으로 아는데 용기와 시간을 갖고 시도해보시면 어떨까 합니다.</p>



<p></p>



<figure class="wp-block-image size-large"><img decoding="async" width="1210" height="417" src="https://blog.goorm.io/wp-content/uploads/2021/07/blog1.png" alt="" class="wp-image-4356" data-full="https://blog.goorm.io/wp-content/uploads/2021/07/blog1.png" data-full-size="1210x417" /><figcaption>web development without any bug | 버그 없이 빠르게 웹 개발</figcaption></figure>



<p class="has-text-align-center">박성민님의 <a href="https://edu.goorm.io/lecture/25571/react-typescript-graphql-%EB%A1%9C-%EB%B2%84%EA%B7%B8%EC%97%86%EC%9D%B4-%EB%B9%A0%EB%A5%B4%EA%B2%8C-%EA%B0%9C%EB%B0%9C%ED%95%98%EA%B8%B0?utm_source=inhouse_blog&amp;utm_medium=post&amp;utm_campaign=nobugs&amp;utm_content=blog" target="_blank" rel="noreferrer noopener">React &amp; TypeScript &amp; GraphQL 로 버그없이 빠르게 개발하기!</a> <br>강좌는 <a href="http://edu.goorm.io" target="_blank" rel="noreferrer noopener">구름EDU</a>에서 만날 수 있습니다. </p>



<p class="has-text-align-center">박성민님 GITHUB: <a href="https://github.com/ifndefdeadmau5">https://github.com/ifndefdeadmau5</a></p>



<p></p>
<p>The post <a href="https://blog.goorm.io/web_develop_without_bugs_with_react_typescript-2/">[버그 없이 웹 개발]이 하고 싶다면 박성민님의 꿀팁을 놓치지 마세요</a> appeared first on <a href="https://blog.goorm.io">구름 공식 블로그 (goorm blog)</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
