Rolls IT

개발 기술 블로그 모음_국내편 4탄

Rolls01 — Tue, 5 Jul 2022 14:13:52 +0900

1.여기어때 기술 블로그

https://techblog.gccompany.co.kr/

여기어때 기술블로그

GC Company Tech Blog.

techblog.gccompany.co.kr

저는 기업이 IT서비스를 개발하면서 사용하고 있는 기술 스택이 궁금한 경우가 많았습니다. 그런데 여기어때 기술블로그에서는 여기어때컴퍼니 기술 스택 포스팅을 통해 기술 스택을 공개하고 있어 개발을 공부하는데 도움이 많이 되었습니다.

2.포스타입 기술 블로그

https://team.postype.com/

포스타입 팀 - 채널 홈

더 나은 창작 생태계를 만들어나가는 포스타입 팀의 이야기

team.postype.com

포스타입 컬쳐/비즈니스/프로덕트 등의 카테고리에 해당하는 포스팅이 되어있습니다. 여기서 '프로덕트' 카테고리에 개발 기술 관련한 글이 업로드되어있습니다.

3.네이버 플레이스 기술 블로그

https://medium.com/naver-place-dev

네이버 플레이스 개발 블로그 – Medium

#글로벌서비스 #최신기술 #코드리뷰 #자기주도적 #자율출퇴근 #오프라인회의최소화 #온라인협업도구활용. 선지원 후고민! https://www.naver-monthlyopening.com.

medium.com

4.넷마블 기술 블로그

https://netmarble.engineering/

넷마블 기술 블로그

‘넷마블’이라는 엔진을 기술로 다듬고 개선하는 과정과 그 과정을 이끌어 가는 엔지니어의 이야기를 전하는 넷마블 기술 블로그입니다.

netmarble.engineering

5.롯데ON 기술 블로그

https://techblog.lotteon.com/

롯데ON 기술 블로그

롯데ON을 만들어 가는 기술을 이야기합니다.

techblog.lotteon.com

6.요기요 기술 블로그

https://techblog.yogiyo.co.kr/

YOGIYO Tech Blog— 요기요 기술 블로그

요기요 서비스 개발 및 함께 일하는 방식과 문화, 구성원들이 함께 성장하는 경험에 대한 이야기를 나눕니다.

techblog.yogiyo.co.kr

7.아이디어스 팀 테크 블로그

https://medium.com/idus-tech

idus-Tech – Medium

아이디어스팀 테크조직의 일하는 방식, 기술 스택, 구성원에 대한 이야기를 여러 컨텐츠로 전달하려고 해요.

medium.com

8.코인원 기술 블로그

https://medium.com/coinone

Coinone Tech Blog – Medium

코인원 기술 블로그입니다. 코인원의 기술적 노하우와 개발 문화를 공유합니다.

medium.com

9.고팍스 기술 블로그

https://tech-gopax.tistory.com/

GOPAX 기술블로그

세계가 인정한 한국 최고의 거래소

tech-gopax.tistory.com

10.콴다 기술 블로그

https://blog.mathpresso.com/tagged/technology

Technology – 콴다 팀블로그

Read writing about Technology in 콴다 팀블로그. 가장 효과적인 교육을 전 세계 모두에게.

blog.mathpresso.com

11.라인웍스 기술 블로그

https://blog.linewalks.com/archives/category/tech

» Tech

라인웍스는 방대한 의료데이터속에 숨겨진 무한한 가치를 발견하는 헬스케어 빅데이터 스타트업입니다.

blog.linewalks.com

12.PRND 기술 블로그

https://medium.com/prnd

PRND – Medium

헤이딜러는 소중한 차를 파는 사람들의 고민과 불편을 해결합니다.

medium.com

헤이딜러를 만든 기업이죠. PRND의 기술 블로그입니다.

13.HYPER CONNECT 기술블로그

https://hyperconnect.github.io/

Hyperconnect Tech Blog

하이퍼커넥트의 기술블로그입니다.

hyperconnect.github.io

14.카카오 엔터프라이즈 기술 블로그

https://tech.kakaoenterprise.com/

카카오엔터프라이즈 기술블로그 Tech&(테크앤)

카카오엔터프라이즈의 기술블로그, Tech&(테크앤)입니다.

tech.kakaoenterprise.com

15.카카오스타일 기술블로그

https://devblog.kakaostyle.com/ko/

16.클래스101 기술블로그

17.패스트캠퍼스 기술 블로그

https://fastcampus.co.kr/story

Fast Campus 공식 블로그 | 패스트캠퍼스

패스트캠퍼스 블로그에서 인생을 바꾸는 이야기를 만나보세요.

fastcampus.co.kr

18.데이블 기술 블로그

https://teamdable.github.io/techblog/

Dable Tech Blog

Dable의 기술블로그입니다.

teamdable.github.io

19.데보션 테크 블로그

https://devocean.sk.com/blog/sub/index.do?ID=&searchData=&page=&subIndex=%EC%B5%9C%EC%8B%A0+%EA%B8%B0%EC%88%A0+%EB%B8%94%EB%A1%9C%EA%B7%B8&idList=

데보션 (DEVOCEAN) 기술 블로그

데보션 (DEVOCEAN) 기술 블로그 , 개발자 커뮤니티이자 내/외부 소통과 성장 플랫폼

devocean.sk.com

20.S/W멤버십 기술 블로그

[flutter] primaryColor 적용 안되는 오류 해결

Rolls01 — Thu, 30 Jun 2022 21:53:37 +0900

ThemeData theme() {
  return ThemeData(
    scaffoldBackgroundColor: Colors.white,
    textTheme: textTheme(),
    appBarTheme: appTheme(),
    primaryColor: Colors.orange, //primaryColor 적용이 안됨.
  );
}

flutter 테마를 입력하던 중 bottomNavigationBar 색상을 변경하고 싶어 primaryColor를 primaryColor: Colors.orange 로 입력해주었다.

그러나 에뮬레이터를 실행해봤더니 orange색상이 적용되지 않았고 기본 색상으로 떴다.

ThemeData theme() {
  return ThemeData(
    scaffoldBackgroundColor: Colors.white,
    textTheme: textTheme(),
    appBarTheme: appTheme(),
    primarySwatch: Colors.orange, //primaryColor -> primarySwatch 로 변경
  );
}

구글링 결과 위와 같이 primaryColor를 primarySwatch로 변경해주었더니 하단 네비게이션 바의 색상이 내가 코딩한 orange 컬러로 변경된 것을 확인할 수 있었다.

[flutter] CupertinoIcons 에뮬레이터에 안뜨는 현상 해결 방법

Rolls01 — Thu, 30 Jun 2022 21:29:16 +0900

 actions: [
          IconButton(icon: const Icon(CupertinoIcons.search), onPressed:(){}),
          IconButton(icon: const Icon(CupertinoIcons.list_dash), onPressed:(){}),
          IconButton(icon: const Icon(CupertinoIcons.bell), onPressed: (){})
        ],

위와 같이 CupertinoIcons.search 를 썼지만 에뮬레이터에서는 표시가 안되었었다.

코드가 적용이 되었는지 안되어있는지조차 파악이 안돼서 혹시 색상 문제인가? 싶어서 아래 코드처럼 CupertinoIcons.~ 다음에 color: Colors.black을 추가해주었더니 에뮬레이터에 표시되었다. 색상 문제였다.

 actions: [
          IconButton(icon: const Icon(CupertinoIcons.search, color: Colors.black), onPressed:(){}),
          IconButton(icon: const Icon(CupertinoIcons.list_dash, color: Colors.black), onPressed:(){}),
          IconButton(icon: const Icon(CupertinoIcons.bell, color: Colors.black), onPressed: (){})
        ],

물론 문제가 발생하는 원인이 색상 문제가 아니라 다른 이유 때문일수도 있지만 색상 문제일수도 있다는 점을 포스팅한다

flutter 오류 해결기: Could not build the application for the simulator. (오류 원인: pubspec.yaml 파일 안에서 스펠링 오류)

Rolls01 — Thu, 21 Apr 2022 15:15:15 +0900

안드로이드 스튜디오로 플러터 앱 만들기 프로젝트를 만드는 중 터미널에서 'Could not build the application for the simulator.' 오류가 났다.

이 오류가 나는 오류 원인은 굉장히 많을 수 있다.

그러나 내 경우에 오류 원인은 pubspec.yaml 에서 assets: 밑에 asset 경로를 쓰다가 스펠링 오류가 나서였다.

나는 'assets' 이라는 폴더명을 만들고 그 아래에 images 폴더명을 만들었고 그 안에 burger.jpeg 파일을 넣었다.

그리고 pubspec.yaml 에 아래의 코드를 적고 Pub get을 눌렀다.

assets:
  - assets/images/burger.jpeg

assets 안의 파일을 쓰기 위해서는 위와 같이 적어야한다.

그러나 나는 'assets' 이 아니라 'aseets' 이라고 스펠링을 잘못 써서 오류가 난 것이었다.

스펠링을 잘 적어 오타를 없앴더니 제대로 작동되었다.

위에 적어놨지만 저 오류 메세지가 나오는데에는 매우 다양한 원인이 있다.

저 오류 메세지 외에 무엇이 문제인지 구체적인 메세지가 부가적으로 나오지 않았기 때문에 무엇이 정확한 원인인지는 코드를 잘 살펴보며 파악해야한다.

심각한(?) 오류가 원인일 수도 있지만 나처럼 스펠링 오류로 인한 제법 간단한 원인으로 오류가 날 수 있다는 것을 이 포스팅을 통해 기록해둔다.

* 스펠링 오류인줄 모르고 했던 것들. (내 오류 원인과는 상관없던 해결방법)

1. 안드로이트 스튜디오에서 'flutter clean' 써서 작동시켜보기.

2.안드로이드 스튜디오 껐다 켜보기.

안드로이드 스튜디오 New Project(새 프로젝트) 새 창에서 열기 (windows OS 버전/ Mac OS 버전)

Rolls01 — Wed, 9 Feb 2022 13:30:53 +0900

안드로이드 스튜디오에서 프로젝트를 여러개 동시에 열어야 할 때가 있습니다. 안드로이드 스튜디오에서 새 프로젝트를 여는 방법은 File>New>New Project 를 누르고 다음 단계를 진행하면 되는데요.

이때, 새로운 프로젝트 창을 여는 방법이 2가지가 나옵니다.

This Window / New Window.

1) This Window를 클릭하면 현재 창에 프로젝트가 열려있는 경우 새로운 프로젝트를 현재 창에 열린 프로젝트를 끄고 현재 창에서 열게 되고

2) New Window 를 클릭하면 새로운 창을 띄워 새로운 창에서 새로운 프로젝트가 열리게 됩니다.

그런데 이 알림창이 매번 뜨는게 귀찮아 대충 This Window 를 클릭하고 Don't ask again 라는 체크박스에 체크를 하고 끄게 되면 기본 설정이 This Window 로 바뀝니다. 그렇게 되면 앞으로 새로운 프로젝트를 열게 될 때 저 알림창이 뜨지 않으며 기본적으로 This Window. 즉 현재 열려진 창에 열려있던 프로젝트는 닫히며 새로운 프로젝트가 열리게 되는데요.

이런 경우에 안드로이드 스튜디오에서 새 프로젝트를 새 창에서 여는 방법을 알려드리겠습니다.

그런데 이때 운영체제가 윈도우(Windows)냐 맥(Mac)이냐에 따라서 안드로이드 스튜디오에서 새 프로젝트를 새 창에서 여는 설정을 하는 것이 조금 다릅니다.

우선 윈도우(Windows) OS에서 안드로이드 스튜디오 새 프로젝트 새 창여는 방법을 설정하는 법을 알려드리겠습니다.

<Windows OS 의 경우 안드로이드 스튜디오에서 프로젝트 새 창으로 여는 방법>

Step1) 이 경우에는 환경 설정을 바꿔야 하기 때문에 안드로이드 스튜디오 메뉴 바에서 File>Settings 를 클릭해 Settings 창에 접속합니다.

안드로이드 스튜디오 Settings 창

Step 2) 이제 여기서 왼쪽 사이드 메뉴바에 있는 Appearance & Behavior > System Settings 를 클릭해줍니다.

그럼 오른쪽에 나와있는 창 중 Project 부분이 있습니다.

그곳에서 Open project in ○ New window ○ Current window ○ Ask 라는 옵션이 있는데

여기서

1) New window 옵션에 체크하면 프로젝트를 열 때마다 새 창으로 여는 것이고

2) Current window 옵션에 체크하면 프로젝트를 열 때마다 현재 창에서 열게 되고(기존에 열려있던 다른 프로젝트가 있었다면 그것이 닫히고 새로운 프로젝트 1개만 현재 창에서 열립니다.)

3) Ask 옵션에 체크를 하면 새로운 프로젝트를 생성할 때마다 아래처럼 알림창이 뜨면서 기존 현재 창에서 열지, 아니면 새로운 창에서 열지를 묻게 됩니다.

Ask 옵션에 체크할 경우, File&amp;amp;amp;amp;gt;New&amp;amp;amp;amp;gt;New Project 를 클릭하면 뜨게 되는 알림창.

여기서 매번 새로운 창에서 새 프로젝트를 열고 싶은 경우 New window 옵션에 체크를 해주면 되고, 새로운 창에서 열지 현재 창에서 열지 묻고 싶은 경우에는 Ask 옵션 명에 체크를 해주고 하단의 OK를 클릭해주면 됩니다.

<Mac OS 의 경우 안드로이드 스튜디오에서 프로젝트 새 창으로 여는 방법>

Step 1) 왼쪽 상단의 Android Studio > Preferences 클릭

Step 2) 왼쪽 사이드 메뉴바의 Appearance & Behavior > System Settings 를 클릭해줍니다.

여기서부터는 Windows OS 에서와 설정 방법이 같습니다.

위의 이미지를 보면 오른쪽에 나와있는 창에서 Project 라고 쓰여 있는 곳에 Open project in ○ New window ○ Current window ○ Ask 라는 옵션이 있는데

여기서

1) New window 옵션에 체크하면 프로젝트를 열 때마다 새 창으로 여는 것이고

'Your project requires a newer version of the Kotlin Grade plugin' 오류 해결하는 방법(안드

Rolls01 — Tue, 8 Feb 2022 21:33:02 +0900

'Your project requires a newer version of the Kotlin Grade plugin' 와 같은 에러가 발생.
(참고로 저 검정 박스로 가린 것은 플러터 앱 build.gradle 파일의 경로입니다.)

*에러 발생 이유
: 코틀린 버전 업그레이드를 했는데
코틀린 버전 업그레이드 전에 생성해서 작업중이던 안드로이드 스튜디오 flutter(플러터) 프로젝트에 사용되는 코틀린 gradle 버전이 현 코틀린 버전과 맞지 않았기 때문.

위와 같은 오류 메세지가 발생해서 해결 방법대로 해보기로.

step 1) 안드로이드 스튜디오에서 현재 kotlin 버전을 확인

안드로이드 스튜디오 상단 메뉴 바 File>Settings 클릭
아래의 사이드바 메뉴에 있는 Languages & Frameworks 에서 > Kotlin 클릭

그렇다면 위와 같이 'Current Kotlin plugin version: 211-1.6.10-release~' 와 같이 현재 코틀린 버전이 표시가 되어있습니다.
여기서 버전 '1.6.10'을 드래그해서 복사해주세요. (각자마다 설치된 코틀린의 버전이 다를 수 있기 때문에 숫자가 저와는 다를 수 있습니다.)
그리고 아래의 'Cancel' 버튼을 눌러 해당 창을 닫아주세요.

step 2) 해당 작업중인 프로젝트의 코틀린 gradle 버전 명이 적혀진 build.gradle 파일 열기

위의 검정 박스로 가려진 경로명은 개개인마다 다릅니다. 그 경로를 드래그해서 복사해주세요.
탐색기 주소창에 주소를 붙여넣기 해 해당 경로로 이동합니다.
(복사-붙여넣기로 주소를 이동하지 않고 해당 경로를 직접 탐색기에서 찾아서 등록해 해당 파일을 찾아가 열기를 하더라도 괜찮습니다.)

그럼 이렇게 탐색기에 build 라는 파일명이 보일 것입니다. 이제 이 build 파일을 클릭해 열어줍니다.

step 3) build.gradle 파일 안의 코틀린 버전 수정 후 저장

해당 경로의 build.gradle 파일에 가면 위와 같은 ext.kotlin_version = '1.3.50' 이라고 되어 있는데 여기서 숫자를 아까 확인해줬던 현재 설치된 코틀린 버전인 '1.6.10' 으로 수정해줍니다.
(저의 경우에는 원래 ext.kotlin_version = '1.3.50'을 주석처리 해두었는데 혹시나 오류가 발생할까봐 다 지우지 않고 주석처리 해둔 것입니다.)

이렇게 하고나면 더이상 'Your project requires a newer version of the Kotlin Grade plugin' 이라는 에러 메세지가 나오지 않고 문제 없이 플러터 앱이 빌드 및 실행됩니다.

flutter(플러터) Error: Not found: 'dart:ui' 해결하는 방법

Rolls01 — Tue, 8 Feb 2022 19:23:08 +0900

안드로이드 스튜디오에서 flutter 앱을 만드는데 빌드해보는 와중에, Error: Not found: 'dart:ui' 가 나왔다.

Error: Not found: 'dart:ui' 라는 에러 해결 방법은

위쪽 빌드하는 메뉴 바에서 main.dart를 flutter 아이콘의 main.dart 로 변경해주면 된다.

(본인은 flutter 아이콘 뒤의 main.dart 가 아니라 그 위에 있는 dart아이콘이 있는 main.dart로 되어 있어서 해당 에러가 계속 발생했었다.)

아래와 같이 바꿔준 후 빌드하면 해당 에러가 해결 된다.

해당 방법 전에 해봤던 방법들 (직접적인 문제 해결과는 연관이 없던)

-플러터 업그레이드

-안드로이드 sdk 업그레이드

개발 기술 블로그 모음: 국외편 2탄 (twitter,Pinterest,Microsoft,Discord 등)

Rolls01 — Tue, 1 Feb 2022 12:50:04 +0900

개발 기술 블로그 모음 국외편 2탄입니다.

참고로, 국외편 1탄과 / 국내 1~3탄 링크는 글의 맨 아래에 있습니다.

1.twitter Engineering blog: 트위터 기술 블로그

https://blog.twitter.com/engineering/en_us

English (US)

Information from Twitter's engineering team about our tools, technology and services.

blog.twitter.com

2.Pinterest Engineering blog: 핀터레스트 기술 블로그

https://medium.com/pinterest-engineering

Pinterest Engineering Blog – Medium

Inventive engineers building the first visual discovery engine, 200 billion ideas and counting.

medium.com

3.Microsoft Engineering blog : 마이크로소프트 기술 블로그

https://devblogs.microsoft.com/engineering-at-microsoft/

Engineering@Microsoft

How Microsoft empowers its developers to deliver at massive scale

devblogs.microsoft.com

4.Discord Blog > Engineering : 디스코드 기술 블로그

https://blog.discord.com/tagged/engineering

Engineering – Discord Blog

Read writing about Engineering in Discord Blog. Discord is the easiest way to talk over voice, video, and text. Talk, hang out, and create a place to belong with your friends and communities.

blog.discord.com

5.twitch Engineering: 트위치 기술 블로그

https://blog.twitch.tv/en/tags/engineering

Engineering | Twitch Blog

The Official Twitch Blog

blog.twitch.tv

6.Zoom Developer Blog : 줌 기술 블로그

https://medium.com/zoom-developer-blog

Zoom Developer Blog – Medium

All the ways you can join, build, and create on the Zoom Developer platform.

medium.com

7.Reddit Technology blog : 레딧 기술 블로그

https://www.redditinc.com/blog/topic/technology

Technology - Upvoted

www.redditinc.com

8.스포티파이 기술 블로그: Spotify Engineering blog

https://engineering.atspotify.com/

Spotify Engineering

Spotify’s official technology blog

engineering.atspotify.com

9.로블록스 기술 블로그: ROBLOX blog > tech

https://blog.roblox.com/ko/category/%ED%85%8C%ED%81%AC/

테크 Archive - Roblox Blog

Metal과 함께한 3년 지금으로부터 3년 전, Roblox는 렌더러를 Metal로 포팅하는 작업을 수행했습니다. 시간도 많이 걸리지 않았고, 획기적이었으며 iOS에서 매우 잘 작동했죠. | 7월 23, 2020

blog.roblox.com

10.스냅챗 기술 블로그: snap engineering blog

https://eng.snap.com/blog/

Blog - Snap Engineering

Welcome to our Snap Engineering Blog

eng.snap.com

개발 기술 블로그 모음 (넷플릭스, 페이팔, 페이스북,드랍박스, 인스타그램 등) <국외편>

개발 기술 블로그 모음<국외편> - engineering blog / tech blog 넷플릭스, 페이팔, 드랍박스, 인스타그램 등 외국에서 인기있는 서비스들을 만들고 있는 기업들의 기술 블로그를 모아 목록화한 글입니

rolls-it.tistory.com

2022.02.01 - [★★개발 관련 사이트 추천] - 개발 기술 블로그 모음_국내편 3탄 (쿠팡, 토스,뱅크샐러드,직방, 다나와, 브랜디 등)
2019.09.19 - [★★개발 관련 사이트 추천] - 개발 기술 블로그 모음 (데일리호텔, 굿닥, 당근마켓, 모히톡 등) <국내편-2탄>
2017.08.23 - [★★개발 관련 사이트 추천] - 개발 기술 블로그 모음(카카오, 배달의 민족 우아한 형제들 등) <국내편>

개발 기술 블로그 모음_국내편 3탄 (쿠팡, 토스,뱅크샐러드,직방, 다나와, 브랜디 등)

Rolls01 — Tue, 1 Feb 2022 00:45:45 +0900

개발 기술 블로그 모음 국내편 3탄입니다.

*목차:

아래의 '더보기'를 클릭하시면 목차를 확인하실 수 있습니다.

<이 글에 첨부된 개발 기술 블로그 목록>

1.쿠팡 기술 블로그: Coupang Engineering blog

https://medium.com/coupang-engineering

Coupang Engineering – Medium

Read about our engineers and how they are changing the face of e-commerce and beyond.

medium.com

쿠팡 엔지니어링 블로그입니다.
2021년 한국 다운로드 수 1위 앱이 '쿠팡이츠' 였다고 합니다. (출처: 앱애니)
그만큼 쿠팡이 어떤 기술을 구현하며 개발을 하고 있는지 굉장히 궁금해서 찾아보았습니다.

쿠팡 기술 블로그에서는 글의 카테고리가 크게 AI / DATA / INFRASTRUCTURE / MOBILE 로 나뉘어져 있습니다.
쿠팡 이커머스, 푸드 딜리버리, 스트리밍 서비스 등의 기술에 관한 글들이 포스팅 되어 있습니다.

* 쿠팡 기술 블로그의 특징
1. 이 기술 블로그는 글들이 영문으로 작성되어있습니다.
2. 현재 이 블로그 포스팅을 작성하는 2022년 1월 말을 기준으로, 쿠팡 기술 블로그에 작성된 글들의 년도가 평균적으로 2020년 이전으로 현 시점 대비 비교적 최신 글은 없지만 기본적인 기술들을 공부할 수 있는 측면에서 참고할 수 있겠습니다.

쿠팡 엔지니어링 블로그의 미디엄(medium) 주소는 상단에 링크된 주소이며(https://medium.com/coupang-engineering) , 쿠팡 엔지니어링 블로그 에디터님의 미디엄 블로그 주소는 이 곳입니다. ☞ https://medium.com/@coupang-engineering

2. 토스 기술 블로그: toss tech

https://toss.tech/

토스 기술 블로그, 토스테크

토스 기술에 대한 모든 이야기를 다룹니다.

toss.tech

+ ※참고) 이외에도 토스의 채용 공고는 개발 공부 시에 직무 별 필요한 기술 스택의 방향을 잡는데 참고하기에 좋습니다.
* 토스 채용 공고: https://toss.im/career/jobs

토스채용

채용 중인 공고 확인하기

toss.im

토스의 채용 공고에는 지원 자격('이런 경험을 가지고 있는 분을 찾습니다.'로 표현한) 과 추가적으로 있으면 좋은 경험('이런 경험이 있다면 더 좋습니다'로 표현된) 외에도 '토스가 사용하는 기술'으로 토스의 기술 스택을 명시해 두었기 때문인데요.
예를 들어, 현재(2022-01-31 기준) 토스의 안드로이드 개발자 채용(코틀린)에 명시된 기술 스택은 'kotiln, RxJava, Kotiln Coroutines, Model-View-Whatever, TDS(Toss Design System), Remote Build' 입니다. (출처: https://toss.im/career/job-detail?job_id=4071133003). 어떤 서비스에 어떤 기술이 어떤 식으로 사용되고 있는지에 관해 알 수 있어 채용 공고를 참고해 공부 방향을 잡아나가시는 것도 좋을 것 같습니다.

3.뱅크샐러드 기술 블로그: banksalad 블로그

https://blog.banksalad.com/tech/

뱅크샐러드 공식 블로그 | 기술 블로그

뱅크샐러드 공식 기술 블로그입니다. 뱅크샐러드의 기술, 문화, 행사 등 최신 소식과 함께 뱅크샐러드가 겪은 다양한 경험을 공유합니다.

blog.banksalad.com

디자인시스템, 프로덕트 랭귀지 / 개발 문화 등의 글이 업로드 되어 있습니다.

4.직방 기술 블로그: 직방 TECH

https://medium.com/zigbang

직방 기술 블로그 – Medium

사람들이 공간을 경험하는 방식을 바꾸고자 합니다.

medium.com

글의 카테고리가 FRONT END(프론트엔드) / BACK END(백엔드) / 3D 의 3가지 카테고리로 구성되어 있습니다.

5.다나와 기술 블로그

https://danawalab.github.io/

다나와 기술블로그

너와 나와, 다나와에서 함께 개발해요

danawalab.github.io

상품 최저가를 검색할 때 사용할 수 있는 서비스 '다나와' 에서도 기술 블로그를 운영하는데요.
카테고리가 Kubernetes(쿠버네티스) / Common / GCP / Elastic / GifLab / Management / Docker / Dsearch / aws / OJT / Klaytn / BlockChain 으로 굉장히 세분화 되어 있습니다.
글도 자주 올라오는 편입니다.

6.브랜디 기술 블로그 (브랜디 랩스 Brandi Labs)

http://labs.brandi.co.kr/

WE ARE BRANDI

브랜드(Brand)와 나(I)를 연결해주는 브랜디 랩스 기술 블로그

labs.brandi.co.kr

7.리디 기술 블로그 (RIDI Tech Blog Archives)

https://ridicorp.com/story-category/tech-blog/

Tech Blog Archives - 리디주식회사 RIDI Corporation

프론트엔드 기술 스택 대통합 리디북스 모바일 앱, 크로스 플랫폼 도입 과정 5개월 만에 개발해서 1년 만에 300만 다운로드 리디 웹팀에서 경험한 개발자 온보딩 프로세스와 업무 내용을 공유합

ridicorp.com

2009년 11월 리디북스 서비스 출시를 시작으로 2022년 현재 리디북스, Manta, RIDISelect(프리미엄 콘텐츠 구독 서비스), 라프텔(LAFTEL), 리디페이퍼(RIDI PAPER), 책끝을 접다 등 웹툰, 웹소설, 전자책, 애니메이션 분야의 사업을 활발히 하고 있는 리디.
리디의 기술 블로그입니다.

제가 가장 흥미있게 봤던 글은 '네이티브 앱→리액트 네이티브 앱 전환 그리고 1년 후'라는 글이었습니다.

리디 기술 블로그의 특징은 '유튜브 영상이 글에 함께 첨부되어 있다.' 는 것인데, 이 영상이 이해를 굉장히 많이 도와줍니다. 물론 글도 굉장히 이해가 잘 되게 잘 써있어서 공부하기에 굉장히 도움이 많이 됩니다.

+ ※참고) 리디(RIDI) 유튜브 채널
https://www.youtube.com/channel/UCchD2I1iO69m7e79meDZwoA

리디 RIDI

커넥티드 콘텐츠 플랫폼 리디(RIDI)의 기업 공식 유튜브 채널입니다. Rich Imagination, Deep Insight 풍부한 상상, 깊은 통찰로 인류의 정신을 풍요롭게 리디는 글로벌 시장을 무대로 웹툰·웹소설, 전자

www.youtube.com

재생목록을 보면 'RIDI dev | 개발자 스토리' 라는 재생목록이 있습니다. 동영상은 총 7개가 있는데, '리액트 네이티브 React Native, 풀스택 개발자 노하우 대방출', '네이티브 앱, 리액트 네이티브 앱으로! 개발자와 PM의 진짜 이야기' 등의 매우 유익한 영상이 업로드 되어 있습니다.
재생목록 안의 영상 길이는 평균 10분 정도의 길이로 부담스럽지 않은 길이입니다.

8. 무신사 기술 블로그 (MUSINSA tech)

https://medium.com/musinsa-tech

MUSINSA tech – Medium

무신사 기술 블로그.

medium.com

무신사 기술 블로그입니다. 기술과 개발 문화 이야기 등이 업로드 됩니다.
카테고리는 문화, 프로덕트, 서버/인프라, 프로그래밍, 데이터 로 구성되어 있습니다.

저는 여기서 '서버/인프라'와 '데이터' 카테고리가 흥미로웠습니다.
그밖에도 '프로덕트'라는 카테고리를 클릭하면 '무탠픽업'이라는 서비스 론칭 이야기 등의 글도 확인할 수 있습니다. 기술 개발 글 외에도 비즈니스 사업적인 부분, 프로덕트 개발 부분에 관심이 많으신 분들이 참고하시면 도움이 많이 될 것 같습니다.

9.크몽 기술 블로그 (kmong 기술로그)

https://blog.kmong.com/tech/home

기술 로그 – kmong

크몽의 기술을 소개합니다. 프리랜서 마켓 No.1, 크몽의 공식 블로그입니다.

blog.kmong.com

크몽 기술 블로그입니다. 접속하면 UI/UX가 굉장히 글을 보기 편안하게 구성되어있습니다.
제가 개발을 하면서 궁금했던 부분, 예를 들어 '앱의 안정화 방법' 같은 부분들이 이해를 잘 할 수 있게 친절하게 글이 잘 작성되어있어 공부를 할 수 있었습니다.

+ ※참고) 이외에도 '비즈니스 성공 Tip' 카테고리가 있는데 마케팅 관련 글도 읽어볼 수 있어 서비스를 전반적으로 공부하는데에도 많은 도움이 되었습니다.

10.화해 기술 블로그

http://blog.hwahae.co.kr/category/all/tech/

Tech Archives – 화해 블로그 | 기술 블로그

Tech

blog.hwahae.co.kr

글을 읽기 굉장히 편안하게 구성되어있습니다.
글도 자주 업로드 되는 편입니다.

특히 '딥러닝으로 리뷰에서 제품 속성 정보 추출하기'라는 글이 굉장히 흥미로웠고 도움이 많이 되었습니다.

11.데브시스터즈 기술 블로그 (DEV TECH)

https://tech.devsisters.com/

DevTech - 데브시스터즈 기술블로그

탁월한 기술, 서비스, 콘텐츠로 전 세계 고객에게 최고의 경험을 선사합니다.

tech.devsisters.com

쿠키런 개발사로 유명한 데브시스터즈의 기술 블로그입니다.
게임 개발에 관한 기술을 많이 공부할 수 있을 것 같습니다.

12.강남언니 기술 블로그

https://blog.gangnamunni.com/blog

강남언니 공식 블로그

Design #Design#Abstract#Design System#Sketch

blog.gangnamunni.com

Android/ Brand / Culture / Data / Design / ETC / iOS/ Server / Tool/ Web 으로 카테고리가 세분화 되어 있어 굉장히 좋았습니다.
글 제목 위에 글의 카테고리가 명시되어 있어 이 글의 주제는 어느 카테고리에 해당되는구나를 직관적으로 확인할 수 있어 글의 목록을 전체적으로 훑을 때 찾고있는 분야의 글을 쉽게 파악할 수 있어 좋았습니다.

글도 굉장히 가독성과 이해하기 좋게 잘 작성되어 있습니다.

13.왓챠 기술 블로그 (watcha 팀블로그)

https://medium.com/watcha

WATCHA – Medium

왓챠는 모두의 다름이 인정받고 개인의 취향이 존중받는, 더 다양한 세상을 만듭니다.

medium.com

왓챠 팀블로그입니다.
문화, 서버/인프라, 프로그래밍, 머신러닝, 브랜딩/마케팅 카테고리로 구성되어있습니다.

저는 머신러닝에 관한 글이 굉장히 흥미로웠습니다.
글 제목만 봐도 굉장히 흥미롭고 유용하며 글 또한 가독성이 좋게 잘 작성되어있으며 이해하기 쉽게 잘 작성되어있습니다.

14. zum(줌) 기술블로그 (zum Tech)

https://zuminternet.github.io/

ZUM 기술 블로그

생각을 읽다, ZUM, 고객의 생각을 읽고 담는 줌 인터넷 개발자들의 '좀 다른 개발 이야기'를 소개 합니다.

zuminternet.github.io

인터넷 브라우저 zum.
프론트엔드, 테스트코드, 리팩토링 등에 관한 기술에 대한 글이 업로드되어 있습니다.

15.트렌비 기술 블로그

http://tech.trenbe.com/

⋆ 트렌비의 기술 소식을 전합니다.

트렌비의 기술 소식을 전합니다.

tech.trenbe.com

요즘 앱 스토어 다운로드 인기 순위 상위권에 올라와있는 명품 쇼핑 앱 '트렌비'의 기술 블로그입니다.
글의 카테고리는 개발 문화, 스타트업/테크, 애자일사례 / 클린코드,SOLID원칙,리팩토링 으로 구성되어 있습니다.

트렌비의 기술스택에 관한 글이 있었는데 그것이 많은 도움이 되었습니다. 아키텍처 설계 부분이나 프론트엔드, 백엔드,미들웨어, 인프라 등에 관해 왜 그 기술 스택을 선택했는지 현실적인 부분에 관한 이야기도 잘 설명되어있기 때문이죠.

16.사람인 기술 블로그 (사람인HR 기술 블로그)

https://saramin.github.io/

사람인HR 기술 블로그

{% for post in paginator.posts %} {{ post.title }} {% if post.subtitle %} {{ post.subtitle }} {% endif %} Posted {% if post.author %}by {{post.author}} {% endif %} on {{ post.date | date: "%B %-d, %Y" }} {% if post.image %} {% endif %} {{ post.excerpt | st

saramin.github.io

17. 원티드 기술 블로그 (원티드 제품 팀블로그)

https://medium.com/wantedjobs

원티드 제품 팀블로그

medium.com

제가 좋아하는 기업 중 하나인 원티드. 원티드의 기술 개발 블로그입니다. 제품 팀블로그인데요.
개발 기술에 관한 글, 프로덕트 관련 글 등이 업로드 되는 곳입니다.

저는 이 블로그에서 '크롬 익스텐션 개발기' 라는 글을 유용하게 읽었습니다.

18.올리브영 기술 블로그

https://tech.oliveyoung.co.kr/

올리브영 기술블로그

CJ올리브영 서비스개발팀 '올디브' 기술 블로그

tech.oliveyoung.co.kr

올리브영 개발팀에서 사용하는 기술에 관한 글이 업로드 되는 올리브영 기술블로그입니다.
위의 링크에 접속해 '테크노트' 카테고리를 클릭하면 기술에 관한 글을 읽을 수 있습니다.

특히 '올리브영 안드로이드 테스트앱 자동배포하기'라는 글이 매우 흥미로웠고 공부하는데에 많은 도움이 되었습니다.

19.쏘카 기술 블로그 (SOCAR Tech Blog)

https://tech.socarcorp.kr/

SOCAR Tech Blog

SOCAR Tech Blog 쏘카 기술 블로그

tech.socarcorp.kr

20.NHN 기술 블로그: NHN Cloud Meetup!

https://meetup.toast.com/

NHN Cloud Meetup - NHN 기술 블로그

기술을 공유하고 함께 성장해가는 개발 문화, NHN이 추구하는 가치입니다.

meetup.toast.com

NHN 여러 팀의 개발자분들께서 글을 작성하시는데, 글이 굉장히 자주 업로드 되는 편입니다.

21.모두싸인 기술 블로그

https://team.modusign.co.kr/tagged/engineering

Engineering – Modusign

Read writing about Engineering in Modusign. Electronic Contract Service.

team.modusign.co.kr

전자계약 서비스를 운영하는 모두싸인. 모두싸인의 기술 개발 블로그입니다.

22.로켓펀치 기술 블로그

https://blog.rocketpunch.com/tag/%EA%B8%B0%EC%88%A0/

기술 Archives - 로켓펀치 공식 블로그

안녕하세요! 로켓펀치 팀 입니다. 로켓펀치가 ‘스타트업 클라우드 기술 활용 트렌드 2017’을 발간하였습니다. 로켓펀치가 보유한 기업별 기술 활용 현황 데이터를 분석하여 공유 함으로써 많

blog.rocketpunch.com

23.가비아 기술 블로그 (가비아 라이브러리)

https://library.gabia.com/

가비아 라이브러리

IT 콘텐츠 허브

library.gabia.com

'가비아 라이브러리' 홈페이지에 접속하면 'Tech'메뉴가 있습니다. 이 'Tech'메뉴를 클릭하면 개발 기술에 관한 글이 올라와 있습니다.

24.컬리 기술블로그 (kurly Tech Blog)

https://helloworld.kurly.com/

컬리 기술 블로그

helloworld.kurly.com

마켓컬리로 유명한 컬리. 컬리의 기술블로그입니다.

이전 글(개발 기술 블로그 모음 1,2탄) 링크
2017.08.23 - [★★개발 관련 사이트 추천] - 개발 기술 블로그 모음(카카오, 배달의 민족 우아한 형제들 등) <국내편>

개발 기술 블로그 모음(카카오, 배달의 민족 우아한 형제들 등) <국내편>

개발 기술 블로그 모음 실제 상용화되고 있는 소프트웨어 개발이나 상업용 앱 개발과 관련된 기업의 블로그 위주로 목록화했습니다. 1.Kakao 기술 블로그 http://tech.kakao.com 우리나라에서 워낙 유

rolls-it.tistory.com

2019.09.19 - [★★개발 관련 사이트 추천] - 개발 기술 블로그 모음 (데일리호텔, 굿닥, 당근마켓, 모히톡 등) <국내편-2탄>

개발 기술 블로그 모음 (데일리호텔, 굿닥, 당근마켓, 모히톡 등) <국내편-2탄>

개발 기술 블로그 모음-국내편 2탄 실제 상용화되고 있는 경쟁력 높은 서비스를 운영하고 있는 기업의 기술 블로그를 위주로 목록화 했습니다. ※ 개발 기술 블로그 모음 - 이전글 보기 2017/08/23 -

rolls-it.tistory.com

자바스크립트(JavaScript) 공부 할 수 있는 사이트: MDN Web Docs

Rolls01 — Tue, 16 Nov 2021 21:44:25 +0900

https://developer.mozilla.org/ko/docs/Web/JavaScript

JavaScript | MDN

JavaScript (JS)는 가벼운, 인터프리터 혹은 just-in-time 컴파일 프로그래밍 언어로, 일급 함수를 지원합니다. 웹 페이지를 위한 스크립트 언어로 잘 알려져 있지만, Node.js, Apache CouchDB, Adobe Acrobat처럼

developer.mozilla.org

자바스크립트를 공부할 수 있는 사이트입니다.

'MDN Web Docs' 라는 사이트인데요. 이 사이트는 CSS, HTML, JavaScript 등 웹 기반 소프트웨어를 배울 수 있는 학습 플랫폼입니다. (설명 출처: MDN Web Docs - https://developer.mozilla.org/ko/docs/MDN/About#using_mdn_web_docs_content)

웹 기술에 관한 학습 플랫폼인만큼 자바스크립트에 관한 학습도 할 수 있게 정보를 제공하고 있는데요. 자바스크립트가 무엇인지에 대한 설명부터 가이드 및 자습서도 제공하고 있습니다. 이 사이트에서 제공하고 있는 가이드와 자습서가 굉장히 탄탄한 커리큘럼으로 구성되어 있기 때문에 공부하기가 굉장히 좋습니다.

물론 시중에 출간되어있는 책들로 공부하는 것도 큰 장점이지만 더 깊은 공부를 하고 싶을 때 공식 문서를 확인해 보는 것이 좋기 때문에, 저 개인적인 생각으로는 언어 공부를 아예 처음 입문하시는 분들은 한국에서 출간된 개발 서적으로 공부를 시작하시다가(Do it 시리즈를 추천합니다.) 모르는 부분이 있을 때나 조금 더 깊은 공부를 원하실 때, 그리고 공부한 것들을 쭈욱 목록으로 체크해보고 싶을때 공식 문서를 이용해보시면 좋을 것 같습니다.
(어느정도 실력이 쌓이신 개발자분들께서는 아예 처음부터 공식 문서로 공부하시는 경우를 종종 봤습니다)

자바스크립트 공부 뿐만 아니라 프론트엔드 개발자가 되는 것이 목표인 개발자를 위해 프론트엔드 개발자가 되는 과정에 관한 가이드도 제공하고 있습니다.(https://developer.mozilla.org/ko/docs/Learn/Front-end_web_developer)

한국어도 지원하고 있어서(영어에 약할 경우 매우 큰 장점) 한국어로도 공부할 수 있다는 것이 가장 큰 장점입니다. (메뉴 바 아래의 'Change language' 를 클릭해 옵션 바에서 '한국어'를 클릭하시면 됩니다.)
하지만 모든 글의 단락이 한국어로 다 번역되지 않을수도 있고 부분적으로만 번역되어있기도 한 점은 유의해주세요.

-
이 사이트는 제가 리액트 네이티브 공식 사이트에서 제공하는 리액트 네이티브 가이드 문서를 살펴보다가 발견하게 된 사이트입니다.
*리액트 네이티브란 자바스크립트를 이용하여 iOS 앱과 안드로이드 앱을 개발할 수 있는 프레임워크입니다. 그렇기 때문에 리액트 네이티브를 사용하기 위해서는 자바스크립트 공부가 선행되어야 하는데요. 소개해드린 MDN Web Docs 사이트는 이 공식 문서 사이트에서 자바스크립트를 공부하고 싶다면 참고하라고 링크해놓은 사이트입니다. 그만큼 공신력 있는 사이트라는 것을 알 수 있겠습니다.
-