코딩 초보자가 커스터마이징을 배울 수 있는 곳은 어디인가요?

메타(Meta)에 자원이 풍부하다는 점은 알 수 있지만, 보통 조언은 기본적인 코딩 지식이 있는 사람들을 대상으로 하는 경우가 많습니다. 저희 커뮤니티(우리 도시에서 더 지속 가능한 식량 시스템을 구축하는 데 열정을 가진 사람들의 네트워크)는 코딩을 전혀 모르는 사람들로 구성되어 있으며, 지금까지 포럼은 사용된 적이 없습니다. 하지만 회원들은 식량 전략을 수립하는 공간으로 포럼을 활용할 수 있다는 등 몇 가지 잠재적 용도를 제안했습니다. 저는 그들에게 모든 기능을 보여주고 싶지만, 저와 같은 초보자에게는 기본적인 설정 변경조차도 도전 과제입니다. 이 스레드의 CSS 텍스트를 복사해서 붙여넣고 저장하려고 했을 때, 위키의 외관을 더 명확하게 만드는 방법에 대한 지침을 따랐음에도 오류 메시지가 떴습니다. 줄바꿈, 괄호, 세미콜론 등이 어디에 들어가야 하는지, 그리고 그것들이 무엇을 의미하는지 알 수 없습니다. 여기서 처음부터 원리를 배울 수 있는 곳이 있을까요? 아니면 디스코르스(Discourse) 외부에서 찾아봐야 할 곳이 있을까요? 포럼의 잠재력을 겨우 스치는 수준에 머무르고 있는 것 같습니다… 감사드립니다! Change the style of a wiki post

CSS의 기초를 배우려면 여기서 시작해 보세요:

제 생각에는 기초를 익힌 후에도 이 사이트가 꽤 좋은 참고 자료입니다.

네, 메타는 웹 개발을 가르치는 데 초점을 맞춘 사이트가 아니므로, 인터넷에서 더 적합한 다른 자료를 사용하는 것이 맞습니다.

다만, 여기에도 훌륭한 가이드들이 있으니 다음 자료부터 시작해 보세요: Beginner's guide to using Discourse Themes 과 Developing Discourse Themes & Theme Components

‘일반적인 CSS나 HTML’처럼 보이는 내용을 이해하지 못한다면, 일단 멈추고 웹 어딘가에서 해당 주제에 대한 가이드를 찾아보세요.

글쎄요, 문제는 CSS를 배우거나 Ruby로 프로그래밍하는 법을 배우는 것이 아니라, 담론(Discourse) 자체의 구조, 즉 인터페이스가 어떻게 조직되어 있는지, 표시 요소의 트리 구조가 어떻게 작동하는지(요소의 올바른 이름을 찾아 CSS 스타일을 변경하기 위해) 등입니다.

CSS와 Ruby 프로그래밍을 배우려면 수많은 사이트가 있지만, 좋은 학습 사이트 링크는 언제나 환영합니다.

가이드 링크를 공유해 주셔서 감사합니다. 기본적인 CSS 조정과 몇 가지 기본적인 컴포넌트 및 플러그인을 만드는 데 관심이 있습니다.

테마 컴포넌트와 플러그인에 대한 유사한 가이드가 있을까요?

Firefox나 Chrome에서 인스펙터를 사용하는 법을 아시죠?

네, 매우 유용하지만 인터페이스가 어떻게 구성되었는지에 대한 명확한 개요를 제공하지는 않습니다. 이를 파악하려면 HTML을 깊이 탐색해야 합니다.

Discourse가 어떻게 작동하고 설계되었는지에 대한 전반적인 이해를 위해 게시된 튜토리얼을 읽어보겠습니다.

솔직히 Discourse는 꽤 복잡한 앱입니다 – 몇몇 튜토리얼로 배울 수 있는 것보다 훨씬 복잡하죠. Rails와 Ember.js에 대한 탄탄한 기초 지식을 먼저 쌓고, 그 다음 코드베이스를 탐색하면서 가능한 한 코드 경로를 추적해 보시길 강력히 추천합니다 (처음에는 쉬운 일이 아니라는 점은 인정합니다). 또한 플러그인이 Discourse와 어떻게 연결되는지 살펴보는 것도 중요합니다 (이 작업을 수행하는 좋은 방법과 나쁜 방법이 모두 존재하기 때문이죠).

@angus님이 초보자들이 시작하기 위해 필요한 기본 지식을 다루는 훌륭한 입문 가이드를 작성해 두셨습니다.

물론, 직접 개발하고 실험을 더 해보기 전까지는 이 모든 것이 낯선 언어처럼 느껴질 수 있습니다. 저는 Discourse 개발을 1년 반째 해 오고 있는데, 이제야 비로소 이 앱이 어떻게 작동하는지에 대한 어느 정도 이해를 갖게 된 것 같습니다.

흥미롭네요. 디스코스가 코딩 지식을 가진 일부 구성원을 포함하는 커뮤니티에 가장 적합하다고 보시는 건가요, 아니면 가장 기본적인 수준에서는 코딩 지식이 전혀 없는 그룹(하지만 페이스북을 쓰고 싶지 않았던 경우)에서도 잘 작동한다고 보시는 건가요? 예를 들어 위키 기능은 우리 구성원들이 헌장 같은 문서를 작성하는 데 활용하고 싶어 하지만, 기본 설정에서는 이것이 위키라는 점을 알아보기가 꽤 어려워, Change the style of a wiki post 에 제시된 제안에 따라 커스터마이징을 원하고 있습니다. 그런데 많은 커스터마이징 지침이 기본적인 코딩 능력과 용어 지식을 전제로 하고 있어 난감합니다.

사용하려면 코딩 지식이 절대 필요하지 않습니다! Facebook이 사람들이 익숙해져야 할 유일한 UI가 아닙니다. 물론, 유연성이 높아지면 복잡성도 다소 증가합니다.

얼마나 많은 부분을 커스터마이즈하고 싶은지에 따라 달라집니다. 제공되는 풍부한 설정을 넘어가려면 기초적인 지식을 배워야 합니다.

OP이 플러그인 작성에 대해 묻고 있었던 건 아닌 것 같은데요?

아, 맞아요 — 다시 읽어보니 @charlie_spring이 CSS를 일부 수정하고 싶어 한다는 부분을 건너뛴 걸 깨달았어요. 꽤 간단한 작업이니까 그렇게 말해서 방해가 된 것 같아 죄송해요!

월요일에 다시 한번 살펴봐서 제가 도움을 줄 수 있는 방법이 있는지 확인해 볼게요 :slight_smile:

이렇게 화제가 흐르게 되었네요 :slight_smile:

아, 이유가 있었다니! :laughing:

@charlie_spring – 이 테마 컴포넌트를 확인해 보셨나요?

원래 글에서 링크하신 주제에 게시되어 있으며, 설치 방법은 여기에서 찾을 수 있습니다: Installing a theme or theme component

색상 등을 변경할 수 있는 친근한 설정은 없지만, 이 테마 컴포넌트만으로도 일단 일부 기능을 구현할 수 있습니다!

justin님, 감사합니다. 그런 조언의 문제는 ‘테마 구성 요소 편집 패널에서 CSS를 편집하여 배경색을 변경하는’ 방법을 이미 알고 있어야 한다는 전제가 있다는 점입니다. 제 원래 질문은 정말로 초보자인 분들(학교에서 코딩에 대해 아무것도 배우지 못한 분들 등)을 위한 것이었기 때문에, 'CSS를 편집한다’는 것은 직관적이지 않습니다. 어떤 것을 새로운 줄로 나눠야 하는지, 공백을 사용해야 하는지 등 기본적인 것들을 모르거든요. '테마 구성 요소’를 내 커스텀 패널에 복사/붙여넣었을 때, 위키 패널이 초록색으로 설정되지는 않았고, 어디에서 실수를 했는지 알 수 있는 기본적인 지식도 없습니다. 지금은 이 같은 작업을 피하고 기본 설정만 사용하고 있지만, 우리 커뮤니티 중 일부(즉, 기술에 익숙하지 않은 사람들)는 포럼에서 협업 문서를 만들기에 관심이 많고 위키 기능이 완벽해 보이는데, 기본 설정은 매우 미묘합니다. 당분간 그냥 구글 독스로 링크를 공유하는 것으로 할 것 같네요…