profile
LikeLion FE School 2기
post-thumbnail

[React] public폴더 src폴더 어디에 넣어야 되는걸까? / react에서 img불러오기

npx create-react-app my-app을 터미널에 입력하면 자동으로 public 폴더와 src 폴더가 생성된다. 두 폴더에 무슨 차이가 있을까?

2022년 6월 21일
·
0개의 댓글
post-thumbnail

[JS] 언제 '$'를 붙이는건데?

언제일까요?

2022년 6월 19일
·
0개의 댓글
post-thumbnail

[CSS] 이미지 어떻게 넣을까, 백그라운드? <IMG>? 가상요소?

도대체 언제 img태그를 쓰고 언제는 background-image를 쓰고 언제는 가상요소의 background-image를 쓰는 것인가. 참 헷갈려서 한 번 정리해보았다! 같은 고민을 하고 있었던 당신. 읽어보세요~ 오역 있을 수 있음 주의 📌 Proper uses of IMG IMG의 적절한 사용 Use IMG if you intend to h...

2022년 4월 20일
·
0개의 댓글
post-thumbnail

[CSS] 이제 FLEX 하자

지금껏 배웠던 position의 relative, abolute 값을 이용해서 위치를 잡아주곤 했다. 상당히 번거롭고 원시적인 방법이었다.그런데 . . .flex를 배운 이상 정렬따위 무섭지 않게 되었는데,,,mdn /일명 flexbox라 불리는 Flexible Box

2022년 4월 14일
·
0개의 댓글

[CSS] inline요소의 엔터 공백을 없애보자

https&#x3A;//blogpack.tistory.com/553

2022년 4월 12일
·
0개의 댓글

[CSS] <h1>을 숨기는데 웹 접근성은 찾고싶을 때

https&#x3A;//velog.io/@ursr0706/%EC%9B%B9-%EC%A0%91%EA%B7%BC%EC%84%B1%EC%9D%84-%EA%B3%A0%EB%A0%A4%ED%95%98%EC%97%AC-%ED%85%8D%EC%8A%A4%ED%8A%B8-%EC%88

2022년 4월 12일
·
0개의 댓글

[CSS] float를 썼더니 부모요소에 값이 안잡힌다?

https&#x3A;//m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=kira4195&logNo=221188151828

2022년 4월 11일
·
0개의 댓글

[CSS] position : fixed VS sticky

position 속성은 문서 상에 요소를 배치하는 방법을 지정!값으로는 top, right, bottom, left 등이 있다.static : 기본값relative : 요소를 일반적인 문서 흐름에 따라 배치하고 자기 자신을 기준으로 top, right, botto, l

2022년 4월 11일
·
0개의 댓글
post-thumbnail

구글 코딩 컨벤션을 왜 보는 나?

각 회사마다 코딩컨벤션이 있어서 그에 맞게 코딩을 하면 된다고 한다. 구글의 코딩컨벤션이 왜인지 궁금해진 나.보기나 하자.

2022년 4월 7일
·
0개의 댓글
post-thumbnail

아무것도 모르지만 일단 해보는 Chrome what's new 페이지 레이아웃 분석

이라고 거창하게 제목을 달았지만크롬키자마자 업데이트 소개 페이지가 짠 하고 뜨길래살펴보고 싶어서 간단히 느낀 점만 적으려 한다!

2022년 4월 7일
·
0개의 댓글
post-thumbnail

>>>가운데정렬 정복하기<<<

내부의 텍스트들을 가운데 정렬 시킨다.img도 텍스트로 보기 때문에 &lt;div>안에 있는 img도 &lt;div>에 text-align을 시켜 가운데정렬 시킬 수 있다.좌우 마진값을 동일하게 줌으로써 가운데정렬을 시킨다.예를 들어 block 요소에 width값을 설

2022년 4월 7일
·
0개의 댓글
post-thumbnail

가변크기단위 / em, %, rem, vw, vh, vmin, vmax

px 같은 고정크기 단위가 아닌 주변의 font-size를 기준으로 변하는 단위가 있다!하나씩 알아보자.간혹 1em, 2em 보일 때가 있었다. 배수를 뜻하는 가변크기 단위다.⭐ 기준 : 부모의 글자크기출력(부모의 크기값 \* 자식의 em 값) = 자식이 가지게 될 크

2022년 4월 6일
·
0개의 댓글
post-thumbnail

<table>을 활용한 달력만들기

어찌저찌 만들긴 했는데. . .숫자 밑에 글자를 넣고 글자 없는 숫자들이랑 가로 가운데 정렬 하는 게어려웠다! 지금 보니 사운데 정렬 되어 있는 거 같기도 하고...?다시 정확히 해보고 안되면 다른분들 코드 봐야겠다!그리고 왜 요일들은 붙어있지?display: bloc

2022년 4월 6일
·
0개의 댓글
post-thumbnail

편리하게 reset하자! reset CSS

공부하자

2022년 4월 6일
·
0개의 댓글
post-thumbnail

<fieldset>은 <form>안의 <section>?

` 태그를 쓸 때 `를 쓰면서 처음으로 비호감인 태그라고 생각했다(미안ㅠ) 꼭 같이 써줘야 하는 예쁘지도 않아 다 숨겨버려야 하는 `` 태그가 왜 있는지도 의문이었다 (fieldset 안에서 header태그를 쓰면 되는 거 아닌가?!) 그래도 알아보자! `` 필드셋 태그는 label들을 묶어줄 때 사용한다. form 내부에 어떤 기준으로 label들이...

2022년 4월 6일
·
0개의 댓글
post-thumbnail

HTML 마크 업

h태그 많이 쓰는 연습!푸터에는 주로 회사 정보!푸터 안에는 nav 쓰지 않는다h1태그 푸터에도 필요하다!헤딩의 중요성을 항상 생각하자. 위젯같은 것들이 이제 &lt;article>주제가 있으면 section 쓰는 게 좋음나누는 데 디자인적으로 나눈다 그럼 div!섹션

2022년 4월 5일
·
0개의 댓글
post-thumbnail

<label>/<datalist>/ <button> vs <input>

formlabelselectbuttoninput VS buttondatalist (new face!)

2022년 4월 5일
·
0개의 댓글
post-thumbnail

<input>태그 활용 : 구글폼 만들기

페이지 바로가기추가해야 할 기능selector 필수선택 기능input tag 디자인testarea placeholder 왜 이상할까?^^

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

수도코드(pseudocode)

공부해보자

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

📌1주차 회고

일요일에 회고를 쓰고 싶었지만 과제에 욕심을 내다가 실패...!그리고 지금 글을 쓰는 월요일 아침에 10분 지각... 지각이라니? 앞으로 정말 주의해야 겠다. 첫주는 html과 css를 중심으로 배웠는데 다른 팀원분들과 마찬가지로 css특강이 굉장히 흥미로웠고, 처음

2022년 4월 4일
·
0개의 댓글