목록분류 전체보기 (90)
Land of Joe
8월 26일 토요일 19시 ~ 22시 달려보자구!! a태그와 달리 Link를 사용하면 리로드가 되지않는 장점이있고,한번 다운로드 받은 페이지는 로컬 브라우저의 캐시에 저장해줌 next-app 만들고 npx create-next-app@latest .-> npm run dev (개발환경세팅 완료)-> 기존설정 지우려면 page.js에 있는 기본코드 다 지워. -> layout.js에 있는 불필요한 거 지워 ->global.css안에있는 기존디자인 다 밀어버려 -> pgae.js가 랜더링한 결과를 layout.js가 children으로 받아서 보여줌 -> layout.js에 있는 metadata안에 있는 title 바꾸면 페이지 이름 바꿔짐 -> nextjs에선 a 태그 대신 Link태그 사용 -> 서버랑 ..
8월 5일 토요일 22시. 프론트엔드 사람들끼리 모여 디스코드 회의를 진행했다. 주말 밤에 모인 이유는 데모데이를 위한 프론트엔드 시연 영상 녹화를 제출해야하기 때문. 각자 진행상황을 공유하고 오류나 질문, 상의할 내용 등을 나누었다. 나는 다른 팀원분이 navigate를 이용해서 헤더를 만들어주셨다고 말을 전해들었는데 이해를 못해서 이용을 안 하고 다른 방법을 사용하고 있던 터라 그것에 대한 질문을 하고.. 네아로(네이버 아이디로 로그인하기) 어렵습니다.....안 되네요.... 얘기하고. 팀원분들 중 한 분은 최근 검색어 기능 구현 과정에서 고민거리가 있다고 하셨다. 검색창에 검색어를 입력하고 submit(엔터라고 생각하면 쉬울 듯)을 안 하면 submit 받은 데이터가 없어서 어떻게 최근 검색어로 남..
이런 걸 만들게 되었다. 이거 직접 하나하나 만들어야하는 거 실화인가..? 정말??? 이러고 혼자 계속 부정하면서 미루고 미루면서 가져올 수 있는 형식(?) 있는지 구글링하는데 아무 것도 안 나와서 울면서 만들기 시작했다. 디테일을 보자면 ... 1. 이용약관 전문 페이지 > - 동그라미로 리스트화: div 태그 안에 li 태그 사용하면 됨 - 들여쓰기: li 태그 안에 text-indent: 1em 사용함 2. 개인정보 수집 및 동의 전문 페이지 > - 표가 네 개 있음 - 표 아래에 구분선(border-bottom)이 있음 - 네 개의 표 모두 비슷한 모양 (회색 제목 칸, 흰색 내용 칸) [ 회색 제목 칸 ] : 표1,2는 회색 제목 칸이 하나만 있으므로 GrayBox로 공통 사용 : 표3,4는 회..
이런 화면을 만들고자 하였다!! step1. 체크박스 전체선택 구현하기 - 단일 체크박스 두 개를 모두 체크하면, 전체선택 체크박스 체크 - 전체선택 체크박스를 체크하면, 단일 체크박스 두 개 모두 체크 [JavaScript]자바스크립트 체크 박스 선택,해제 시 버튼 활성화,비활성화(회원 가입,약관 동의) 예제 📖 들어가며 자바스크립트를 이용한 회원가입, 약관 동의 예제를 검색하면 jQuery를 이용한 예제가 많은데, 요즘에는 jQuery를 많이 사용하지 않는 추세이고, 순수 Vanilla 자바스크립트를 사용하며 yong-nyong.tistory.com ㄴ 이건 html, js로 만든 것이기 때문에 복붙으로 구현 되는 것 확인하고 코드만 꼼꼼히 읽고 패스 =3 다른 많은 글들을 읽었지만 나의 부족으로 이..
이런 동그란 체크박스를 만들고자 하였다. 태그는 input 타입은 checkbox 그리고 추가로 border-radius: 50% 까지 넣어줬는데 변화가 없어서 머리를 쥐어뜯었다. (아니다) 구글링 끝에 이런 글을 찾았고 [CSS] checkbox 둥글게 만들기 코드 input[type="checkbox"] { width: 1rem; height: 1rem; border-radius: 50%; border: 1px solid #999; appearance: none; cursor: pointer; transition: background 0.2s; } input[type="checkbox"]:checked { background: #32e732; border: none; } 코드 풀이 해 gurtn.ti..
https://velog.io/@kw2577/Git-branch-%EC%A0%84%EB%9E%B5 Git branch 전략(Git-Flow, Github-Flow, Gitlab-Flow) Branch란?브랜치란 독립적으로 어떤 작업을 진행하기 위한 개념입니다. 필요에 의해 만들어지는 각각의 브랜치는 다른 브랜치의 영향을 받지 않기 때문에, 여러 작업을 동시에 진행할 수 있습니 velog.io
주말은 가족 모임 때문에 날리고 월요일은 CON 오프라인 회의 갔다가 과호흡 오는 바람에 건강이슈로 퇴각, 화요일은 하루종일 약속이 있었다. 나흘이나 놀면서 마음 한 구석이 불편했고 그 결과는 오늘의 내리락으로 맞이했다. 저번주부터 국민취업지원제도 상담을 받기 시작했는데 1주차 과제로 관심직업 찾기 종이를 채워오란다. 관심 직업이야 당연히 설정해놓고(웹 개발자) 현재 공부를 하고 있기에 별로 어렵진 않으나 문제는 최소 세 개나 써야하는 칸 수다. 1. 웹 개발자 / 2. 웹 기획자/ 3. IT 프로젝트 매니저 ..이렇게 채워넣었다. 사실 내가 개발 공부를 시작한 건 IT 기획자가 되고 싶어서 였다. 근데 기획을 하려면 IT 지식이 필요하다고 생각이 들었고 그래서 돌아돌아 결국 프론트엔드 개발자를 준비하게..