# frontend
[React] react props
return문으로 렌더링 해준다.중괄호 {} 를 사용하여 변수를 쉽게 사용할 수 있음.시간 생성하는거시간 조건 맞춰서 출력하는거리액트는 컴포넌트와프롭스properties 줄여서 props
제로베이스 3달차 후기
✅ 3개월차 좋았던 점 자바스크립트 미션 과제를 진행하면서 자바스크립트에 대해 더 친숙해졌다. 미션 과제를 진행하다보니 예전에는 무조건 되기만 하면 된다는 마인드였었지만 지금은 어떻게 하면 더 효율적으로 코드를 작성할 수 있을까 고민하게 되는 자세로 바뀐 것 같다. 손
Sekkison Frontend UI -12 # 회원가입
이제 회원가입을 만들어 볼 차례이다.회원가입의 유효성 검사는 백엔드에서도 처리하였지만, 프론트에서도 동일하게 처리하였다. 그리고 unique하게 db에 저장되는 전화번호를 통해 인증할 수 있게 만들었다.회원가입 UI는 다음과 같이 구성하였다.만약 유효성 검사와 중복검사
HTML5 시멘틱 태그와 웹 표준을 지키는 이유
시멘틱 태그(Semantic Tag)를 사용하는 이유 📌시맨틱 태그(Semantic Tag)란? Semantic의 사전적 의미는 "의미의, 의미적인"이다. 즉, 시멘틱 태그는 "의미있는 태그"로 해석할 수 있으며, 태그에 의미를 부여한다는 뜻이다. 📌시멘틱 태그의
reactivity
인프런 강의 중 '캡틴판교'님의 강의를 수강하며 개인 공부를 위해 정리한 글입니다.vue의 가장 큰 특성인 데이터 바인딩, 또는 실시간 적용이라는 의미를 내포한다.데이터 또는 소스 코드가 변경되면 바로 웹에서 적용이 되어 보여진다.render 라는 함수에 파라미터 값을
HTML5 시멘틱 태그와 웹 표준을 지키는 이유
시멘틱 태그란 그 이름에서도 알 수 있듯이 의미가 있는 태그이다. html에는 div span 같은 별다른 의미가 없는 태그도 있지만 header footer section 등과 같은 그 자체로 의미를 지닌 태그들이 있다. 이러한 태그들을 시멘틱 태그(Semantic
[javascript]해시맵(HashMap) 구현
해시맵(HashMap)은 키(key)와 값(value)의 쌍으로 이루어진 데이터를 저장하고 검색하는 자료구조입니다. 해시맵은 효율적인 데이터 검색을 위해 해시 함수를 사용하여 키를 배열 인덱스로 변환하여 저장하고 검색합니다. 해시 함수를 통해 생성된 인덱스에 데이터가
[HTML5 시멘틱 태그와 웹 표준을 지키는 이유]
웹 브라우저가 HTML의 코드만 보고 어느 부분이 어떤 영역을 뜻하는지쉽게 알수 있기때문이다.코드 가독성이 좋아지고 유지보수가 쉬워지기 때문이다.시멘틱 태그를 사용시 유지보수할때나 협업할시 작성자가아닌 다른 작업자가 코드를 파악하고 접근하기 더 쉬워지기 때문이다.웹 표
🤔 JavaScript 미션 회고
#프론트엔드 #frontend #프론트엔드스쿨 #프론트엔드공부 #개발공부 #프론트엔드개발자 #취준일기 #취준기록 #취뽀 #빡공 #제로베이스
🤔 3개월차 나는 잘 하고 있을까?
#프론트엔드 #frontend #프론트엔드스쿨 #프론트엔드공부 #개발공부 #프론트엔드개발자 #취준일기 #취준기록 #취뽀 #빡공 #제로베이스
제로베이스 한달을 하면서
내가 몰랐던 sass와 grid정렬에 대해 알수있었고 웹 접근성과 웹 표준성 그리고 시멘틱 태그를 왜써야 하고 어떻게 써야 하는지 알려줘서 좋았습니다. 무조건 웹페이지의 외견만 생각 하는게 아니라스크린 리더기처럼 보조기술을 사용하시는 분들도 이해하기 쉽게 만들어야 한다
2주차 Front-E 스터디 TIL
2주차 FRONT-E스터디를 진행하였다. 오늘은 HTML에서 CSS를 먹이는 방법을 배워보았다.CSS를 먹이는 방법에는 인라인스타일시트,내부스타일시트,링킹스타일시트가 있다.우선순위는 인라인>내부>링킹 순이다.인라인스타일 시트는 안에 태그에 적용하는 방법이다 <h
부트스트랩5, color 추가하여 나만의 CSS로 Custom 하기.
부트스트랩5에서 기본적으로 제공하는 컬러들은 상당히 제한적입니다. 그래서 부트스트랩에서 제공하는 style.css에 남색(navy)버튼 색을 추가하는 방법을 적어보겠습니다.style.css에서 :root{} 에서 navy색상을 추가해보겠습니다.위는 남색 즉, navy색
vite란? : 빠른 빌드를 원한다면
vite [비트] 처음 프로젝트에 도입했을 때 팀내에서 이걸 바이트라고 불러야할지 비트라고 불러야할지부터 어색해서 처음에는 다들 바이트라고 부르다가, >프랑스어로 "빠르다(Quick)"를 의미하며, 발음은 "veet"와 비슷한 /vit/ 입니다.
<CSS> 혼자서 정리하기 위한 '가상 클래스' 와 '가상 요소'
html, css 마크업 언어에 대해 이론적으로는 배우고, 현재는 부트캠프에서 cs강의, 또다른 html, css 강의와 미션 과제를 동시에 수행하고 있다. 아직 자바스크립트나 리액트를 배우지 않아 미션 과제는 html과 css 만 구현하는 과제로 이 과제에서 동
