[React] JSX ( html과 jsx의 차이 )
✨ React - JSX ( html과 jsx의 차이 ) js코드 위에서 html코드처럼 작성할 수 있도록 만들어진게 jsx 이다. React가 처음 나왔을때 jsx가 없었다. 그래서 function App(){ return React.createElement('h1',...
Recent posts
[CSS] 웹접근성, IR 기법
IR기법이란? 웹 접근성을 준수하여 이미지에 대체 텍스트를 제공해야한다. 이렇게 작성한 대체 텍스트는 스크린리더기, 검색엔진의 내용 수집에 이용될 수 있다. 이미지에 의미가 있을 경우 : 로고이미지, 배너 슬라이드 이미지등 이미지에 의미가 담겨있는 경우. alt 가장 보편...
Warning:〈p〉cannot appear as a descendant of〈p〉
react에서 p태그 안에 p태그를 작성했더니 저런 경고메시지가 콘솔에 찍혔다. 그냥 html에 찍었을 때는 저런 경고창이 뜨지는 않았다. p태그 안에있는 p를 span 태그로 바꾸어주었더니 경고메시지가 사라졌다. p태그 안에 p태그 작성 HTML에서 p태그의 p는 pa...
[Web] 웹 저장소들의 특징(Web Storage, Cookie, Cache)
📖 [Web] 웹 저장소들의 특징(Web Storage, Cookie, Cache) 개발자 모드를 보면 Application탭에 Storage를 볼 수 있다. Local Storage, Session Storage, Cookies 등 이 브라우저 저장소는 앱또는 웹에 방문...
[프로그래머스 2기] 빅데이터 플랫폼 프론트엔드 엔지니어링 지원 후기
📄 프로그래머스 프론트엔드 엔지니어링 지원 후기 프로그래머스에 개발자 채용 정보를 보려고 잠시 들렸다가 프론트앤드 엔지니어링 국비지원이 있다는 것을 알게되었다. 어차피 이력서 준비하며 자소서도 써야하고, 겸사겸사 지원해보기로 했다. 60명 정도만 뽑고 경쟁률이 높을 것 같...
[JS] 배열 함수 정리
📖 배열 함수 정리 js 에서의 배열을 일반적인 배열의 동작을 흉내낸 객체(Object)이다. 💡 배열 함수 ✔ 배열 생성 함수 const arr1 = [] const arr2 = new Array() const arr3 = new Array(3) // [] con...
[JS] 호이스팅(Hoisting) 이란?
호이스팅(Hoisting)이란? JS는 처음에 스크립트를 읽어들일 때 변수명과 함수명만 읽은 후 변수명의 메모리공간을 할당해 둔다. 그 이후 다시 읽어들이며 변수의 데이터를 저장한다. 이 때 변수가 선언되기 이전에 그 변수를 찍으면 면수가 선언된 상태이니 undefined...
[JS] 날짜 계산 방법 (방금전, 1시간전, 하루 전, 1년 전)
js 시간 차이 계산 게시판에 보면 ‘방금전’, ‘x분 전’ 이런 식으로 표기된다. 몇분전에 표기되었는지를 파악하기 위해서는 지금 현재시간과 작성시간을 비교해야한다. 현재시간과 이전시간 비교를 위해서 현재시간과 작성시간을 getTime()으로 날짜를 초단위로 변경 후 이 ...