IT상자56 9. Git, CursorAI, Python flask Git이 무엇인지Git은 코드를 시간별로 저장하고 관리할 수 있게 해주는 프로그램"으로, 내 프로젝트의 모든 변화(수정/추가/삭제)를 기록해준다. 그래서 과거 코드로 되돌리거나, 다른 사람과 동시에 작업해도 충돌 없이 협업할 수 있다는 특징이 존재한다. GitHub가 무엇인지GitHub는 Git으로 만든 프로젝트를 웹에 올려서 다른 사람과 공유하고 협업할 수 있는 공간 및 서비스이다. GitHub 외에도 비슷한 사이트가 존재하는데, GitLab과 같은 기업용으로 자체 서버 설치가 가능한 사이트도 존재한다. 자주쓰는 Git 명령어git add변경할 파일을 저장할 준비를 함git add 파일명git add . # 모든 파일을 준비함 git commit실제로 저장소에 기록을 남김 : 스냅샷 .. 2025. 4. 7. 8. *Next.js 저번 글에서 SPA 장점은 웹사이트를 앱처럼 개발한 것이니 아이콘 등을 전부 지원하니 한번 개발하면 끝, HTML 내용을 전체 불러오지 않으니 페이지 이동방식보다 데이터 소모가 적다고 했다 : 하지만, 가장 큰 단점은 검색엔진의 노출이 안되는데, 여기에 SSR이라는 해결방식이 존재한다고 했었다 여기서 SEO(Search Engine Optimization, 검색 엔진 추적)를 알아볼 필요가 있다 : 구글, 네이버 등 다양한 검색 엔진들이 있음 : 이 검색 엔진들은 봇이 존재해서, 매 시간마다 웹사이트 내용을 한 번씩 모두 읽어드린 다음에 그 검색 엔진을 만듦 : 그래서 어떤 키워드하고 매칭되는 게 있으면 해당 페이지 내용을 보여줌 : 그래서 이러한 구글 등이 우리의 웹사이트 내용을 잘 긁어가야 구글 검색.. 2025. 3. 29. 7. *React 기초 SPA란 무엇인가?SPA(Single Page Application)란 HTML 페이지에서 동적으로 콘텐츠를 변경하여, 웹 애플리케이션이 앱처럼 동작하도록 하는 개발 방식이다. 먼저 SPA(Single Page Application)를 이해하고 넘어가야함 : 반응형을 저번에 이야기 많이 했음 : 스마트폰 때문에 나왔다고 할 수 있음 : 데이터가 깜빡하면서 바뀌지 않고 자연스럽게 바뀌었음 : 근데 페이지 전체를 로딩할 때, 이동할 때 잠깐 깜빡이는 것을 볼 수 있음 : 웹 개발자는 웹이 앱처럼 작동했으면 좋겠다고 생각함 : 방법? : 백 단의 AJAX 통신으로 데이터 받고 일부분만 바꿔치기 : 앱 같이 보임 : 이러한 일련의 과정을 구현하는 것이 SPA이며, 이 과정에 도움을 주는 Framework에는 .. 2025. 3. 20. 6. *JavaScript 기초 (2) 비동기에 대해 배울 것 : 개발 공부 처음 할 때 듣는 언어 절차지향이라는 것이 있을 것 : 한줄한줄 차례대로 해석 : 근데, 게임을 예시로 들면 내가 움직일 때 다른 사람이 못 움직이지 않음 : 이러한 예시를 들었을 때, 소스가 2개 이상 실행될 때를 비동기라고 함 : 이렇게 비동기로 개발을 해야 하는 경우가 생김 : 타자 게임을 제작할 예정인데, 단어 일치 여부를 확인하는 match 소스와 counting 소스 두 가지가 진행될 예정임 h1은 텍스트를 크게 보여줌 : 아래는 초안 DOCTYPE html>html lang="en">head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1.0">.. 2025. 3. 9. 5. HTML/CSS 소스코드 만들어보기 지금까지 배운 기초 개념들을 실제로 사용해 보면서 다시 한번 스스로 이해하기 위해, 간단하게 오른쪽 google.com 페이지의 첫 화면을 카피해 보았다. 2025. 3. 4. 4. *JavaScript 기초 (1) 이제 메뉴바 버튼을 누르면 메뉴1, 2, 3이 펼쳐지는 기능을 구현하자 : 메뉴와 아이콘을 안 보이게 먼저 설정할 것 : display none 근데 이 기능 html으로 구현이 될까? : 안됨 : JavaScript 사용 : JS는 근본적으로 DOM을 '조작'하고 싶어 함 : HTML 소스에 있는 태그에 접근해서 어떤 태그 추가, 없애줘라 등 조작을 하는 것 : 즉, JS는 태그를 바꿔 치는 등 여러 동작이 가능하다 JS를 사용하기 위해서는 html 아래 쪽에 태그를 추가 : 여기 안에는 JS 문법만 작성 가능 메뉴바 클릭을 반복할 때마다 active가 생기고, 사라지고가 반복됨 : JS가 DOM 조작함 이제 그러면 id가 menus, icons이면서 class가 active면 display를 fl.. 2025. 2. 27. 이전 1 2 3 4 ··· 10 다음
