728x90
반응형

 

 

웹 편집기(web editor) : 웹 문서를 작성하는 프로그램

ex) VScode 등

 

웹 브라우저(web browser) : 웹 문서를 보는 프로그램

ex) 인터넷 익스플로러(Internet Explorer), 엣지(Edge), 크롬(Chome), 파이어폭스(Firefox) 등

 

 

HTML 이란?

HyperText Markup Language 의 줄임말이다.

웹에서 자유롭게 오갈 수 있는 웹 문서를 만드는 언어

 

 

웹 표준(Web Standards)이란?

웹 사이트에 접속한 사용자가 어떠한 운영체제나 브라우저를 사용하더라도 동일한 결과를 보이게 한다.

따라서, 브라우저의 종류나 버전에 상관없이 모든 사용자들이 동일한 웹사이트를 볼 수 있도록 웹 표준 기술 작업이 필요하며 웹 표준 준수는 웹 접근성 준수를 위한 핵심이다.

웹의 사용성 및 접근성 보장

 

웹 표준 프로그래밍은 구조(structure)와 표현(stylesheet), 기능(functionally)으로 영역이 구분되어 있다.

 

 

웹 호환성(Cross Browsing) 이란?

웹 브라우저 버전, 종류와 관계없는 웹 사이트 접근

 

웹 접근성(Web Accessibility) 이란?

인적, 환경적 요인에 제약없는 웹 정보 접근

 

 

출처: http://www.smartebiz.kr/new/subpage02_02.html

 

웹 표준과 웹 호환성 - 웹 접근성 | 웹발전연구소

홈 > 웹 접근성 > 웹 표준과 웹 호환성 웹 표준(Web Standards) 정의 웹 표준이란 브라우저 종류 및 버전에 따른 기능 차이에 대하여 호환이 가능하도록 제시된 표준으로, 다른 기종 혹은 플랫폼에 따

www.smartebiz.kr

 

728x90
반응형
728x90
반응형

 

🐣 Github로 협업하기 (VScode) - '내 자신'이 팀장일 때

 

 

1. Repository 생성 ( 우측 상단 프로필 아이콘 클릭 → Your repositories )

 

 

 

 

2. New Repositories 클릭

 

 

 

 

3. Repository name 입력 add a README file(선택사항) Create repository 클릭

 

 

 


😇협업자 초대하기 (건너뛰어도됌! 필요하신 분만😊)

 

1. 좌측 상단에 협업할 Repository name 확인하고 Settings → Collaborators    Add people 클릭

 

 

 

 

2. Github 계정 입력하여 협업자 찾아서 선택 후 Select a collaborator above 클릭

 

 

 

 

3. 추가된 모습을 확인할 수 있다. 협업자가 여러명일 때 Add people 버튼을 클릭해 동일하게 진행


 

 

 

 

4. VScode에 작업중인 디렉토리가 있었다면, Ctrl+Shift+N을 눌러 새 창으로 열어준다.

 

 

 

 

5. 좌측 아이콘에 [소스제어] 선택 

 

 

 

 

6. Github로 와서 상단 메뉴에 [ < > 코드 ] → 초록색버튼 < > Code 클릭 →  HTTPS 주소 복사

 

 

 


🤔main 브랜치(branch) 보호하기 ! (건너뛰어도됌! 필요하신 분만😊)

 

 

1. Setting → Branches → Add branch protection rule 클릭

 

 

 

 

 

2. Branch name pattern 작성 후 Require a pull request before merging 체크 → Lock branch 체크 → Create 클릭

 

[main] branch는 가장 중요하고 함부로 바꿔서는 안되는 branch이고, 프로젝트 완성 후 최종본을 업로드하는 branch이다.

따라서, 협업자들 개개인이 함부로 [main] branch에 push할 수 없도록 보호(Lock) 해주는 기능이다. 

* default branch 이름은 바뀔 수 있음! 여기서는 main을 default branch 씁니다.

 

 

 

3. 보호 완료

 

 


 

 

 

 

 

7. [리파지토리 복제] 또는 가운데 [Git 리포지토리 복제...] 클릭 → 상단 창에 복사해온 HTTPS 붙여넣기

 

 

 

 

8. 디렉토리를 바탕화면으로 지정 후 → 리포지토리 대상으로 선택   열기

 

 

 

 

 

😳 Branch 생성하기

여기서는 master, sub1, sub2, sub3 총 4개의 branch를 생성할 예정입니다.

 

 

9. 좌측 하단에 main 브랜치는 사용하면 안되므로 [새 분기 만들기...] 클릭 

 

 

 

 

 

10. Branch 이름 적기

 

 

 

 

11. 좌측 하단에 ☁️ 구름모양 클릭하여 [생성 후 분기 게시] 눌러주기 (github에 Branch 업데이트)

 

 

[다음에서 새 분기 만들기...] 클릭 → master 클릭 → Branch 이름 적기

 

 

 

12. [생성 후 분기 게시] 눌러가며 같은 방법으로 master, sub1, sub2, sub3 총 4개의 branch 생성

 

 

 

 

 

 

 

🤗 Push 하기 (코드 올리기)

13. ('나 자신'이 sub1 branch를 사용하기로 약속이 되어있으면) 좌측 하단에 branch name 클릭 후 sub1 클릭

 

 

 

 

14. 파일 생성 (작업)

 

 

 

 

 

15. [소스제어] 클릭 → 변경 사항에 [+] 클릭 하면 

 

 

 

 

 

16. 변경 사항에 있던 작업내용이 스테이징된 변경 사항으로 이동. 

메세지 창에 간략한 메세지를 반드시 작성 후 커밋 클릭 (메세지 작성 안하면 에러뜸) → 게시

 

 

 

 

 

 

* 16-1. 명령어로도 가능! 터미널 창 열고 순서대로 명령어 입력

  1. git add .
  2. git commit -m “메세지 입력”
  3. git push origin sub1(보내려는 branch name)

 

 

 

 

 

 

17. Github에 업데이트된 내용이 뜨고 Compare & pull request 클릭

 

 

 

 

 

★★★★★ 18. 반드시 base를 master branch로 변경 해야함. (default main branch 사용 금지) 

 

 

 

 

19. description에 작업한 내용, 생성, 수정, 삭제 등 공유할 내용을 자세히 적고 Create pull request 클릭

 

 

 

 

 

20. Merge pull request 클릭

 

 

 

 

 

21. Confirm merge 클릭

 

 

 

 

 

22. master branch에 pull & merge 완료

 

 

 

 

 

😉 Pull 하기 (코드 내려받기)

 

23. 좌측 하단에 master로 branch 변경 후 [변경 내용 동기화] 클릭 → 확인

 

 

 

 

24. 좌측하단에 branch를 sub1 로 변경한뒤 [새터미널] 열고 git pull origin master 적어주면 끝

 

 

 

728x90
반응형

'Github' 카테고리의 다른 글

Spring 프로젝트를 GitHub에 올리기  (1) 2024.01.31
728x90
반응형

 

Spring Tool Suite 3 로 Project를 했는데 

 

GitHub에 올리고 싶은데 요리조리 찾아보다가

 

시간들여 고생한만큼 직접 정리해서 올리고자 이 글을 작성하게 되었다 !

 

 

 

 

많은 분들께 도움이 되길 바라며, ♥

 

 

 

 

 

 

 

 

1. Github 로그인 후 오른쪽 상단 프로필사진 클릭 → your repositories

 

 

 

 

 

 

 

2. New를 누른다. ( repositories 생성 )

 

 

 

 

 

 

 

3. Repository name 을 지정한 후  Add a readme file 체크 후 Create repository를 누른다. ( repositories 생성 완료 )

 

 

 

 

 

 

 

4. STS에 프로젝트가 import 된 상태에서 상단에 Window - Perspective - Open Perspective - Other... - Git - Open 누른다.

 

 

 

 

 

 

 

 

5. Clone a Git repository 를 누른다.

 

 

 

 

 

 

 

 

6. Git에 만들어둔 repository 에서 Code를 누르고 URI를 복사 후 붙여넣기 → User에 닉네임 입력 후 대기 !

 

 

 

 

 

 

 

 

7. Password에는 Token을 받아 넣어야 하기 때문에 Setting - Developer settings 클릭

 

 

 

 

 

 

 

8. Personal access tokens - tokens (classic) - Generate new token - Generate new token (classic) 클릭

 

 

 

 

 

 

 

 

9. Note에 Token 이름을 정해주고 repo 체크한 후 아래로 쭉 내려서 Generate token 클릭

 

 

 

 

 

 

 

10. 중간에 내 비밀번호가 암호화된 토큰으로 나타남 ! 위에 지정한 Expiration Date만큼 사용하는 token 이다. 복사

따로 메모장이나 카카오톡 나에게 보내기 창에 메모해두는 것을 권장 ★

 

 

 

 

 

 

 

 

11. Password에 아까 복사한 token을 넣어준 뒤, next - finish 클릭

 

 

 

 

 

 

 

12. 오른쪽 상단에 나뭇잎 모양을 눌러 프로젝트 목록으로 돌아간다.

 

 

 

 

 

 

 

 

13. 프로젝트 디렉토리 우클릭 Team - Share Project... 클릭

 

 

 

 

 

 

 

 

14. Repository 드롭박스를 누르면 디렉토리 경로가 나온다. 클릭 후 Finish

 

 

 

 

 

 

 

 

 

15. 다시 프로젝트 디렉토리 우클릭 Team - Commit... 클릭

 

 

 

 

 

 

 

 

16. ++ 를 누르면 Unstaged Changes 에서 Staged Changes 로 한번에 이동 한다. 클릭

 

 

 

 

 

 

 

 

17. Commit Message 에 Message 작성 후 Commit and Push 클릭

 

 

 

 

 

 

 

 

18. User에 닉네임, Password에 아까 받은 토큰을 입력 후 Log in 클릭

 

 

 

 

 

 

 

19. 완료 창이 뜨고 Close 클릭

 

 

 

 

 

 

20. GitHub에 새로고침 하여 업로드가 되었는지 확인 ! 

 

 

 

 

 

 

 

728x90
반응형

'Github' 카테고리의 다른 글

Github로 협업하기 (VScode)  (0) 2024.02.03
728x90
반응형

중국어회화 (12)



敏洙:你还好吗?
要不要我带你去医院?


mǐn zhū :nǐ hái hǎo ma ?
yào bú yào wǒ dài nǐ qù yī yuàn ?


민수: 괜찮아요? 병원에 가야하는거 아니에요?




珍妮弗:不,不用了。
我很快就好了。

Zhēnnīfú: bú ,bú yòng le 。
wǒ hěn kuài jiù hǎo le 。

제니퍼: 아니요, 괜찮아요.
곧 괜찮아 질거에요.




敏洙:你还能走路吗?
mǐn zhū :nǐ hái néng zǒu lù ma ?
민수: 걸을 수 있어요?




珍妮弗:说实话,我起不来。
zhēn nī fú :shuō shí huà ,wǒ qǐ bú lái 。
제니퍼: 사실 저 못일어나겠어요.




敏洙:抓住我的手,
我带你到附近的医院去看看。

mǐn zhū :zhuā zhù wǒ de shǒu ,
wǒ dài nǐ dào fù jìn de yī yuàn qù kàn kàn 。

민수: 제 손을 잡아요,
제가 가까운 병원으로 데리고 갈게요.



*抓住(zhuāzhù) 잡다

728x90
반응형

'Language Study > Chinese' 카테고리의 다른 글

중국어 회화 (14)  (2) 2024.02.11
중국어 회화 (13)  (2) 2024.02.10
중국어 회화 (11)  (2) 2024.01.26
중국어 회화 (10)  (1) 2024.01.24
중국어 회화 (9)  (1) 2024.01.22
728x90
반응형

참고자료:https://wikidocs.net/180507

 

04-4 프로그램의 입출력

`[동영상 강의]` : [점프 투 파이썬 04-4 프로그램의 입출력](https://www.youtube.com/watch?v=pKL00jNPB9k&list=PLGSQkvB9T6…

wikidocs.net

 

# 프로그램의 입출력

# C:\> type a.txt
# type은 바로 뒤에 적힌 파일 이름을 인수로 받아 해당 파일의 내용을 출력해 주는 명령어이다. 대부분의 명령 프롬프트에서 사용하는 명령어는 다음과 같이 인수를 전달하여 프로그램을 실행하는 방식을 따른다.


명령어 [인수1 인수2 ...]


# sys 모듈 사용하기
# 파이썬에서는 sys 모듈을 사용하여 프로그램에 인수를 전달할 수 있다. sys 모듈을 사용하려면 다음 예의 import sys처럼 import 명령어를 사용해야 한다.


# sys1.py
import sys

args = sys.argv[1:]
for i in args:
    print(i)


# 위는 프로그램 실행 시 전달받은 인수를 for 문을 사용해 차례대로 하나씩 출력하는 예이다. sys 모듈의 argv는 프로그램 실행 시 전달된 인수를 의미한다. 즉, 다음과 같이 입력했다면 argv[0]은 파일 이름 sys1.py가 되고 argv[1]부터는 뒤에 따라오는 인수가 차례대로 argv의 요소가 된다.



# sys2.py
import sys
args = sys.argv[1:]
for i in args:
    print(i.upper(), end=' ')

# C:\doit>python sys2.py life is too short, you need python
# LIFE IS TOO SHORT, YOU NEED PYTHON

728x90
반응형

'Data Analysis & Engineer > Python' 카테고리의 다른 글

python 입출력: 파일 읽고 쓰기  (1) 2024.01.30
python 입출력: 사용자 입출력  (1) 2024.01.30
python 입출력: 함수  (3) 2024.01.27
python 3장 되새김문제  (1) 2024.01.25
python 제어문: 반복문 for  (3) 2024.01.25

+ Recent posts