본문 바로가기

전체 글

 (13)
Git Bash 명령어 커맨드 창 명령어 ▸ 커맨드 창 화면 초기화: Ctrl + L 또는 Clear 입력 ▸ 명령어 맨 앞 / 맨 뒤로 이동: Ctrl + A / Ctrl + E ▸ 디렉토리 이동: cd [이동할 하위 디렉토리 명] ▸ 디렉토리 삭제: rm [삭제할 디렉토리 명] ▸ 디렉토리 목록 조회: dir 또는 ls ▸ 파일 내용 조회: cat [파일 명]​ git config (최초 1회 실행) 처음 사용 시 사용자 등록을 해야 한다. // git commit에 사용될 username $ git config --global user.name "your_name" // git commit에 사용될 email $ git config --global user.email "your_email" // 설정한 내용을 확인할 수 ..
Github란? 친구가 부탁한 Git과 Github에 대해서 두 편으로 나누어 설명할 것이다. 오늘은 두 번째인 Github에 대해서 설명할 것이다. Github란? 깃허브(Github)란 소프트웨어 개발 플랫폼 및 소스코드 호스팅 서비스이다. Git으로 저장되어 원격 전송된 파일들이 저장되는 공간을 제공하는 웹 호스팅 서비스이다. (Ex: Youtube) 소스코드를 열람하고 간단한 버그 관리, SNS 기능까지 갖추고 있어 개발자에게는 없어서는 안 될 서비스이다. Github를 사용하여 버전 관리를 실시하고 있는 기업도 다수 있다. 깃허브(Github)는 분산 버전 관리 서비스 깃(Git)을 기반으로 소스코드를 호스팅 하고, 협업 지원 기능들을 지원하는 마이크로소프트(Microsoft)의 웹 서비스이다. 현재 가장 인기..
Next.js란? 요즘 Next.js도 많이 쓴다고 해서 궁금해서 사이드 프로젝트에서 한번 써보고 싶어서 공부해보려고 했습니다. 공부를 시작하기 전에 Next.js란 어떤 것인지 알고 공부하면 좋을 것 같아서 포스팅을 작성하게 되었습니다. Next.js의 정의 따로 설정이나 라이브러리를 설치하지 않아도 SSR, SEO, TypeScript 등 생산에 필요한 여러 가지 기능들을 제공하는 React 프레임워크입니다. Next.js는 어떤 곳에서 만들었나? Vercel이라는 Front-End Team에서 만들었습니다. Next.js를 사용하는 이유와 특징 SSR(Server Side Randering) 사실 Next.js를 사용하는 가장 큰 이유는 바로 SSR입니다. 이 부분에 대해서 이해하기 위해서는 SSR과 CSR의 차이를..
Git이란? 친구가 부탁한 Git과 GitHub에 대해서 두 편으로 나누어 설명할 것이다. 오늘은 그중 Git을 설명할 것이다. 공식 Git 사이트 한글 매뉴얼 1. 깃(Git)이란? 1.1 형상 관리 도구 (Configuration Management Tool)중 하나. - 참고로 형상 관리 도구는 버전 관리 시스템이라고도 한다. - Git은 소프트웨어를 개발하는 기업의 핵심 자산인 소스코드를 효과적으로 관리할 수 있도록 해주는 무료, 공개 소프트웨어이다. - SVN보다 여러 장점이 있어, SVN을 쓰던 개발 조직들은 하나둘씩 Git으로 갈아타고 있다. 1.2 SVN과 Git의 차이점 - Git이 SVN과 다른 점은 분산형 관리 시스템이라는 것이다. SVN - 중앙 서버에 소스코드와 히스토리를 저장한다. Git -..
SSR(Server Side Rendering)과 CSR(Client Side Rendering) 오늘은 Next.js를 공부하면서 알게 된 SSR과 CSR에 대해서 설명을 하겠다. 먼저 SSR에 대해서 설명하겠다. SSR이란? SSR은 Server Side Rendering의 약자이다. SSR은 전통적인 웹 애플리케이션 렌더링 방식으로 사용자가 웹 페이지에 접근할 때, 서버에 페이지에 대한 요청을 하게 된다. 이때, 서버에서는 HTML, View와 같은 자원(Resource) 들을 어떻게 보여 줄지 해석하고 렌더링 하여 사용자에게 반환한다. 참고로 웹 서버에 요청할 때마다 브라우저에게 새로고침이 일어나게 되고, 서버에 새로운 페이지에 대한 요청을 하는 방식이다. SSR의 장점? - 검색 엔진 최적화(SEO) 가능 SSR의 가장 큰 장점 중 하나다. SEO에 대해서는 아래에서 설명하겠다. - 초기 로..
React Study 학생 전문가 특강 신청 웹 사이트 학교에서 사용할 '학생 전문가 특강 신청 웹 사이트'를 만들기 위해 선배들에게 React를 배우는 중 (2020. 10. 07 글) 전에 3학년 선배들이 학교에서 사용할 웹 사이트를 만들었는데, 3학년 선배들은 이제 취업을 하고 학교를 떠나기 때문에 웹 사이트를 유지보수할 사람이 필요하다고 하셨다. 나는 비록 유지보수지만 하나의 프로젝트에 참여를 할 수 있으므로 하겠다고 신청을 하였다. 공부를 시작한 건 좀 되었지만 학교 생활과 이것 저것 하느라 못 쓰다 이제서야 블로그를 쓰게 되었다. 오늘 배운 것은 React-Bootstrap 중 Navbar, Nav, NavDropdown, Modal을 배웠다. Navbar는 Bootstrap에서 메뉴바를 만드는데 도움을 준다. 설..
2020 대구 SW고 소프트웨어 축제 코로나 때문에 못할 줄 알았던 교내 축제 나는 왜 고기를 굽는다고 해서 고기 10kg을 굽는 노예가 되었는가 (2020. 09. 13 글) 이번에 교내 축제를 한다고 해서 우리 반 친구들과 열심히 축제 준비를 하였다. 우리 반은 열심히 토론하여 축제 부스에서 비빔면과 고기를 팔기로 했다. 열심히 축제 물품 구매를 위해서 구매 링크를 열심히 찾았다. 찾은 결과 필요한게 고기, 비빔면, 나무젓가락, 종이 그릇, 종이컵, 음료, 불판 등등이 있었다. 불판, 가스, 가스버너, 냄비 등 고기를 굽고 비빔면을 끓이는데 필요한 물품들은 우리 반 친구가 가지고 와줬다. 축제를 시작하기 전날 오후에 운동장에 미리 부스 운영을 위해 천막을 쳐놨었다. 부스 준비를 위해 필요한 물품을 가지고 미리 운동장에 가져다 놓았다. 물..
2020 대구 SW고 교내 하계 해커톤 고등학교 들어와서 처음 해보는 해커톤 (2020. 09. 12 글) 이번에 한 교내 해커톤은 이 학교에 들어와 처음 해본 커다란 대회이다. 이번 해커톤 주제는 '대소고 학생들에게 필요한 것'이라는 주제다. 나는 친구들과 함께 어떤 아이디어가 좋을지 곰곰히 고민해보았다. 곰곰히 고민하여 5가지 메인 기능과 그 외의 부가 기능들을 생각했다. 아래는 고민하여 생각한 기능들이다. 메인 기능 랩실 신청 현황 (담당 선생님께 직접 찾아가 신청해야하기 때문에) (유동적으로 랩실을 빌려서 쓸 수 있다.) 대소고 각 부서 (자율 / 창체동아리)마다 필요한 물품 목록 작성, 배정된 예산, 사용한 예산, 남은 예산, 담당 선생님 등을 볼 수 있다. 기숙사 호실 및 룸메이트 배정 확인 (현재는 종이에 프린트하여 각 반에 붙이..

티스토리툴바