전체 글117 [JavaScript] 반응형 모바일의 햄버거 버튼 프로젝트 개요 안녕하세요. 오늘은 반응형 모바일 화면에서, 햄버거 메뉴(가로 세 줄) 버튼을 누르면 nav bar가 나타나는 것을 연습했습니다. jQuery를 사용하지 않고, 순수 자바스크립트만을 사용하기 위해서 기본기를 잡고자 하는 취지입니다. 개발 스택: HTML, CSS, JavaScript 프로젝트 URL 깃허브 URL https://github.com/BaikSeungJeon/study-menu GitHub - BaikSeungJeon/study-menu: 자바스크립트로 모바일 화면에서의 nav menu 연습 자바스크립트로 모바일 화면에서의 nav menu 연습. Contribute to BaikSeungJeon/study-menu development by creating an account .. 2021. 7. 23. [Clone Coding] 반응형 홈페이지 클론코딩 참고 페이지 https://startbootstrap.com/previews/clean-blog 저는 위 링크를 들어가면 있는 반응형 블로그를 클론코딩 했는데요. 부트스트랩을 공부하면서 알게 된 반응형 사이트들이 모여 있는 사이트입니다. 무료로 사용이 가능한지는 모르겠지만, 오른쪽 상단에 'free download' 버튼이 있는 걸 보면, 상업, 영리 목적 이외에 클론코딩 연습 용도로는 사용이 가능한 것 같습니다. 프로젝트 리뷰 개발 스택: HTML, CSS, jQuery 프로젝트 URL 깃허브 페이지 URL https://baikseungjeon.github.io/study-rwd/ Clean Blog Man must explore, and this is exploration at its greates.. 2021. 7. 23. [JavaScript] 반응형 홈페이지 개발 프로젝트 URL https://github.com/BaikSeungJeon/Project/blob/main/RWD/js/script.js GitHub - BaikSeungJeon/Project: [2021년] 개인 프로젝트 모음 [2021년] 개인 프로젝트 모음. Contribute to BaikSeungJeon/Project development by creating an account on GitHub. github.com 프로젝트 설명 반응형 웹 페이지를 만들어 봤습니다. 인스타그램과 같이 본인의 사진을 올리는 공간을 생각하고 창작했기 때문에 아이디어와 페이지 속 사진은 전부 저이며 저작권 또한 저한테 있습니다. 하지만 페이스북과 인스타그램처럼 메신저 기능이 있는 소셜 네트워크 서비스는 아니고, 들.. 2021. 7. 17. [React] React 설치 및 환경 설정 VSCode 설치 아직 VSCode가 설치되어 있지 않으면 먼저 설치해줍니다. https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com Node.js 설치 https://nodejs.org/en/ Node.. 2021. 7. 15. [Github] 깃, 깃허브 복습 2 git init # 깃 초기화 git config user.name # 이름 등록 git config user.email # 이메일 등록 git status # 현재 상태 보기 git add -A # 전체 파일 추가 git commit -m '커밋명' # 원격저장소에 저장(commit) # 커밋명은 개발(작업) 내용을 상세 기재해주면 좋음 git remote # 현재 연결된 원격저장소 확인 git remote remove origin # 기존 원격저장소 삭제(remove) git push -u origin main # 원격저장소에 업로드(push) git push -u origin +main # 원격저장소에 강제 업로드(push) git pull # 원격저장소 내용을 로컬에 pull # 뒤에 원격 저장소.. 2021. 7. 12. [Github] 깃, 깃허브 복습 깃허브는 개발자뿐 아니라 전 세계 소프트웨어, IT 쪽 종사자들에게 있어 거의 필수나 다름 없는 서비스입니다. 깃과 깃허브를 잘 다루면 나중에 직장에서 칭찬을 받는 게 아닌, 못 다루면 아쉽다 말할 정도로 저또한 매우 중요하다 생각되어 며칠 전부터 유튜브도 보고 도대체 이게 뭔가 계속 고뇌에 빠져 있었습니다. echo hello world! > a.txt echo hello world! > b.txt echo hello world! > c.txt 터미널 창에 이처럼 작성해주면, 자동으로 a.txt / b.txt / c.txt가 생성되면서 거기에 hello world!가 입력됩니다. a.txt / b.txt / c.txt가 생기고 그 파일 안에 hello world!가 입력되어 있는 것 보이시죠? git .. 2021. 7. 9. 이전 1 ··· 15 16 17 18 19 20 다음