Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Apr 01 2020 19:45

    lexifdev on master

    코드 블럭에서 줄바꿈 일어나도록 수정 Merge pull request #3 from cons… (compare)

  • Jan 28 2020 09:48

    lexifdev on master

    index에 gitter link추가 (compare)

  • Jan 21 2020 12:34

    lexifdev on master

    git, garsby-image, design-syste… (compare)

김정환
@iz4blue
.npm 폴더에 root 권한의 파일이 있는 경우가 있음 (왜지???)
김정환
@iz4blue
gatsby 설치시 github 아이디를 물어보는 경우가 있음
sl kim
@lexifdev
github id 를 물어보는 경우 주소에 오타가 있는 경우 입니다.
김정환
@iz4blue
npx gatsby develop 까지 물어보도록 하는게 좋음
윈도우는 실행시 억세스 허용이 뜨는 경우가 있다
minalicekim
@minalicekim
image.png
무슨 의미인가요?
leekyujin
@leekyujin
리액트 문법으로 작성하겠다는 뜻입니다~
김정환
@iz4blue
대괄호 소괄호를 반드시 주의 해서 설명해야 함
김정환
@iz4blue
return 안에는 반드시 최상위 dom 은 하나만 있어야 한다는 것 설명 필요
JangYoonJung
@JangYoonJung
웹에서 이미지를 다운받을 때 저장되는 이름을 어떻게 설정해주나요.
minalicekim
@minalicekim
<div> 넣고 안넣고 차이가 뭘까요?
minalicekim
@minalicekim
image.png
이미지 좌측에 닷표시 어떻게 없앨까요?
설문에 응답해주시면 감사드리겠습니다~
https://forms.gle/7aoU1bEAduNViEw8A
sl kim
@lexifdev
sl kim
@lexifdev
KimMiYeon909
@KimMiYeon909
gatsby라는 새로운 기술을 알게되어 유익한 시간이였습니다.
짧은 시간에도 열심히 교육해주셔서 감사드립니다.
기회가 된다면 오늘처럼 좋은 교육 많이 들려주세요.
꼭 신청해서 듣겠습니다 :)
김정환
@iz4blue
컨트롤 c 로 중지 할 수 있는 것 추가
dalechoi29
@dalechoi29
안녕하세요! 제가 끝까지 듣고가지 못했는데 혹시 완성된 코드 공유해주실 수 있나요?
sl kim
@lexifdev
오늘 하루 종일 죽어있다가 이제 올리네요.
https://github.com/pofoldev/result-first-workshop 첫번째 워크샵 결과물 입니다. 오른쪽에 Clone or download 누르시면 .zip 파일로 받을 수도 있습니다.
원래 다루려고 했던 MDX라는 도구로 src/works/3.mdx 에 작업을 만들었어요. 자세한 사용법은 튜토리얼 문서를 차차 업데이트 하고 알려드릴게요.
김정환
@iz4blue
고생 많으셨습니다
kjh-appro
@kjh-appro
감사합니다~!
5e0n
@j1s2j2s6
감사합니다~!!
hhjjssrr
@hhjjssrr
감사해요:)
sl kim
@lexifdev
혹시 사이트 만드신 분 계시면 주소 공유해주시면 좋을것 같아요.
만드려다가 막히는 부분 질문도 언제나 좋습니다.
5e0n
@j1s2j2s6
안녕하세요~ 새벽에 죄송합니다. 혹시 튜토리얼 사이트에서 '더 배울 것 - Git을 이용한 코드 관리와 협력, 디자인 시스템' 항목의 링크가 유실된 것인지, 업데이트 전인지 궁금하여 글 남깁니다.
CSS - 최하단의 Codepen 링크도 유실된 것 같아요. 검색해서 찾으면 되긴 한데 혹시 사이트 자체에 문제가 있는 것인가 해서 여쭤봅니다. 😄
sl kim
@lexifdev
'더 배울것' 쪽 포함해서 후반 몇 개 페이지는 내용을 아직 작성중이에요. 주중에 생각보다 시간이 안나네요 (..
codepen 링크는 곧 살려놓을게요.
5e0n
@j1s2j2s6
앗! 여유 있을 때 천천히 해주세요! 지금 이대로도 감사할 따름입니다 ㅠㅠ 좋은 새벽 되시구요!
sl kim
@lexifdev
혹시 https://flukeout.github.io/ 해보신 분 계실까요?
JangYoonJung
@JangYoonJung
안녕하세요. 날이 많이 추워졌는데 다들 잘 지내시나요? 저 웹사이트 만들다가 막히는 부분이 생겨서 질문드려요. 홈페이지 하단에 미디엄 사이트의 게시물을 연동하고 싶은데 방법이 있을까요? 새 게시물이 올라올 때마다 자동으로 업데이트가 될 수 있도록요.😗
sl kim
@lexifdev
글이 너무 안올라와서 질문을 뒤늦게 봤어요ㅠ
미디엄 사이트 게시물 연동이 정확하게 어떤걸 의미하는걸까요? 게시글의 내용을 가져와서 사이트에서 보여주는거라면 두가지 방법이 있을것 같습니다.
  1. 동적으로 페이지가 로딩이 될 때 게시글을 읽어와서 홈페이지에 표시
  2. 주기적으로 미디엄을 체크 하다가 변경이 있으면 새로 빌드하는 크론 설정
    검색 엔진에 걸리는게 중요한 글인가요? 그에 따라서 선택이 달라질 듯 한데 거기에 맞춰서 설명글을 작성해보겠습니다.
강희연(Kang, Heeyeon)
@onlyeon
@lexifdev 해봤습니다~! 자주쓰는 클래스 말고 자주 안쓰던... 낯선 클래스들을 찾을수있어서 유용했어요
JangYoonJung
@JangYoonJung
@lexifdev 아마 1번이요. ㅎㅎ 검색 엔진에 걸리는게 중요하진 않구요. 작업중인게 요 사이트인데요. https://usfseoul.campaignus.me/ 지금은 사이트 맨 하단에 아이프레임 생성기 써서 광고 배너처럼 넣었둔 상태에요. 미디엄에 새 글이 올라올 때마다 수작업으로? 교체해줘야 하는데 혹시 자동으로 업데이트 될 수 있는 법이 있나 해서요. 저런 디자인이나 형태로 들어가진 않아도 상관없어요!
sl kim
@lexifdev

이런 재미있는 행사가 있었군요. 뒤늦게 봤네요 ㅠ

첫번째 방법의 기본적인 아이디어는 medium의 rss feed를 가져와서 홈페이지에서 뿌려주는건데요.

  1. 사용자 feed rss가 https://medium.com/feed/unusual-suspects-festival-seoul 에 있는걸
  2. rss2json이라는 서비스로 json주소를 만들어
    https://api.rss2json.com/v1/api.json?rss_url=https%3A%2F%2Fmedium.com%2Ffeed%2Funusual-suspects-festival-seoul
  3. fetch로 이 데이터를 가져와서
    const response = await('https://api.rss2json.com/v1/api.json?rss_url=https%3A%2F%2Fmedium.com%2Ffeed%2Funusual-suspects-festival-seoul')
    const data = await response.json()
  4. 페이지에 추가하는 방법입니다.
    data.items.map(post => <div><a href={post.url}>{post.title}</a></div>)

4번은 gatsby냐 아니냐에 따라 많이 달라지는데 웹사이트 코드만 봐서는 gatsby가 아닌것 같아요.
gatsby가 아닌 경우에는

<div id="medium-posts"></div>

를 포스트가 들어갈곳에 만들어놓고

const container = document.getElementById('medium-posts')
data.items.map(post => {
    const el = document.createElement('div')
    el.innerHTML = '<a href="${post.url}">${post.title}</a>'
    cotainer.appendChild(el)
})

이런식으로 추가하면 될 것 같아요.

자세한 설명이 필요하시면 글로 작성을 하나 할게요.