본문 바로가기

분류 전체보기

 (23)
프로젝트 실습 0주차 (2022. 03. 09. ~ 2022. 03. 29.) 이번에 3학년에 올라오게 되면서 프로젝트 실습시간에 각자 주제를 정해서 개발을 진행하는 수업을 하게 되었다. 나는 어떤 서비스를 만들어 볼까 생각하면서, 우리 학교에는 전 학년이 함께 소통할 수 있는 수단이 없다고 생각했다. (선후배 사이에 친분이 있지 않은 경우 물어보거나 소통할 방법이 전혀 없다고 생각된다.) 그래서 대구 소프트웨어 마이스터 고등학교 재학생 및 졸업생들을 위한 개발 커뮤니티 사이트를 만들어야겠다고 생각을 했다. 그러면서 아래와 같이 문제점 파악, 해결 방법 구상 등등을 해보았다. 대소고 개발 커뮤니티 사이트 (Devlopa) 1. 문제점 파악 → 해결 방법 구상 → 해결 방안 → 아이디어 도출 문제점 파악 대소고 내에서 같은 학년끼리는 소통과 정보 전달(개발 관련 등등)이 잘 되는 편..
[모두의 알고리즘 with 파이썬] - 0. 알고리즘 * 이 포스팅은 '모두의 알고리즘 with 파이썬'이라는 책을 읽고 공부한 것을 정리하는 포스팅입니다. 책을 읽고 공부한 것을 정리하기 전에 알고리즘이란 무엇인지 알아보겠습니다. 알고리즘이란? 알고리즘이란 간단히 말해 '어떤 문제를 풀기 위한 절차나 방법'입니다. 좀 더 구체적으로 얘기하면 어떤 문제가 있을 때 주어진 '입력' 정보를 원하는 '출력(답)' 정보로 만드는 일련의 과정을 구체적이고 명료하게 적은 것입니다. 알고리즘은 어떤 문제를 풀기위한 절차나 방법입니다. 알고리즘은 주어진 '입력'을 '출력'으로 만드는 과정입니다. 알고리즘의 각 단계는 구체적이고 명료해야 합니다. 알고리즘이 어떤건지 알아보았으니 간단하게 절댓값 구하기 알고리즘을 각각 abs_sign(a)과 abs_square(a)라는 파이..
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에서 메뉴바를 만드는데 도움을 준다. 설..

티스토리툴바