내맘대로 개발개발

1. pwd 명령어 현재 작업 디렉토리가 어디인지 출력 pwd 옵션 -P : 심볼릭 링크 무시하고 실제 디렉토리 경로 출력 -L : 심볼릭 포함하고 있더라고 pwd환경 변수를 사용한다. root 계정에서 Im2world라는 유저를 추가하고, su - 명령어를 사용해 Im2world로 사용자를 전환했다. Im2world에서 pwd 명령어 실행 결과는 아래와 같다. 노트북에 설치한 리눅스에서는 password : too short같은 메시지가 안나오는데, JSLinux에서는 비밀번호 보안관련 메시지가 출력된다. JSLinux에서 작업하는 것들은 예시용으로 만드는 거라 비밀번호를 아주짧은 숫자로 사용한다. 2. cd 명령어 소제목현재의 작업 디렉토리를 바꿈 : cd [이동하려는 디렉토리 경로] 홈 디렉토리로 ..

1. su, su – 사용자 -Substitute User의 약자, 다른 계정에 접속하기 위한 명령어. -형식 : su [options] [username] -su 사용자 / su - 사용자 : 사용자를 생략하는 경우 root 사용자로 로그인한다. 예) su - su : 현재 사용자는 로그인 된 상태에서 다른 사용자 계정으로 전환 su - : 현재 사용자는 완전히 로그아웃하고, 새롭게 전환할 사용자로 로그인, 환경설정을 불러온다. ※띄어쓰기 주의 ※ su□- : □는 한 칸 띄어쓰기를 뜻한다. 2. sudo - 최초 생성 계정에 한하여 사용가능한 명령어 - root의 비밀번호 재설정, 사용자 등록, 삭제 등 root의 권한을 임시로 사용가능하다. - 나중 생성한 사용자에게 sudo 권한 부여: 사용자를 ..

1. 계정 종류에 따른 패스워드 설정 방법 su – 명령어로 root계정에 접속한 다음 아래 명령어입력 후 새 비밀번호를 설정한다. passwd 사용자계정 예) passwd Im2world ① 최초 생성한 계정으로 로그인 후 sudo passwd root 입력 ② sudo passwd root는 root의 password를 초기화하는 명령이다. ③ [sudo] password for 일반계정 이 출력되면 현재 로그인된 계정의 비밀번호 입력 ④ root에 지정할 New password를 입력하면 root 패스워드 변경이 완료된다. ※passwd 스펠링 주의할 것. 2) 패스워드 설정 권한 root는 모든 계정의 패스워드를 변경할 수 있다. 일반 사용자의 경우 최초 생성한 사용자에 한해서만 sudo 명령어를..

관리자(root) 관리자는 1개만 존재하는 계정으로 root라고 부른다. apt 명령어를 사용할 수 있으며 사용자 추가, 그룹 추가 등 시스템의 핵심부에 대한 고유권한이 있다. 일반사용자 ㆍ일반사용자는 관리자 외 계정을 의미한다. 일반 사용자 계정은 여러개 존재할 수 있고 sudo 명령어를 통해 root의 권한을 임시로 사용할 수도 있다. ㆍ사용자를 추가하면 해당 사용자 이름과 같은 이름의 그룹이 추가된다. 사용자 Im2world 추가 시 그룹 Im2world도 생성 ㆍ그룹을 삭제하면 해당 그룹만 삭제되고 그룹 안의 사용자는 삭제되지 않는다. ㆍ사용자는 여러 그룹에 속할 수 있다. 참고자료 구글, 네이버, 나무위키 검색

1. 사용언어 HTML, CSS, JavaScript HTML : 웹사이트 형식 구성 (뼈대 담당) CSS : to-do list 디자인 담당 (미모 담당) JavaScript : 작동 기능 담당 (내용물 담당) 2. 웹사이트 기능요약 1) 주요기능 ㆍBootstrap v5.1.3 활용. ㆍ난이도 버튼을 클릭하면 타이핑 할 단어가 생성된다. ㆍ단어생성과 동시에 5초 카운트 다운이 시작된다. ㆍ제한 시간 내에 인풋박스에 타이핑 할 단어를 정확히 입력하면 다음단어가 생성된다. 2) 세부기능 ㆍ오픈api를 활용해 영어 단어가 무작위로 생성된다.ㆍ난이도에 따라 생성되는 단어의 길이가 다르다. ㆍ대문자, 소문자 구분 없이 철자가 맞으면 정답으로 인정하고 점수 부여한다. ㆍ단어 생성 횟수와 점수 최고점 제한이 없다..

1. 사용언어 HTML, CSS, JavaScript HTML : 웹사이트 형식 구성 (뼈대 담당) CSS : to-do list 디자인 담당 (미모 담당) JavaScript : 작동 기능 담당 (내용물 담당) 2. 웹사이트 기능요약 1) 주요기능 ㆍBootstrap v5.1.3 활용. ㆍ시작 버튼을 클릭하면 타이핑 할 단어가 생성된다. ㆍ단어생성과 동시에 5초 카운트 다운이 시작된다. ㆍ제한 시간 내에 인풋박스에 타이핑 할 단어를 정확히 입력하면 다음단어가 생성된다. 2) 세부기능 ㆍ대문자, 소문자 구분 없이 철자가 맞으면 정답으로 인정하고 점수 부여 3) 자율학습 추가기능 ㆍheader 문구에 strong을 적용하고 “시작”단어에 em태그를 추가. ㆍ방법안내 card에 Breakpoint를 부여해 ..

1. 사용언어 HTML, CSS, JavaScript HTML : 웹사이트 형식 구성 (뼈대 담당) CSS : to-do list 디자인 담당 (미모 담당) JavaScript : 작동 기능 담당 (내용물 담당) 2. 웹사이트 기능요약 스파르타코딩클럽에서 '설 맞이 덕담 공유 코딩 패키지'를 일정기간동안 무료로 수강하는 이벤트를 진행했다. 사실, 이건 프로젝트라기보다는 강의후기에 가깝다. 그래서 글의 관점이 다르다. 스파르타코딩클럽의 코드스니펫 기능으로 웹사이트의 핵심기능인 js는 강사진이 미리 작성한 외부자바스크립트를 이용한다. 강의 자체도 1시간 분량이라 강의종료 후에 웹사이트 하나를 얻는 것에 초점이 맞춰져있다. 결국 외부 도움이 8할이지만, 하나의 웹사이트를 만들어본 경험이 재미있었고 나중에는 직..

1. 사용언어 HTML, CSS, JavaScript HTML : 웹사이트 형식 구성 (뼈대 담당) CSS : to-do list 디자인 담당 (미모 담당) JavaScript : 작동 기능 담당 (내용물 담당) 2. 웹사이트 기능요약 1) 주요기능 ㆍ인풋박스에 할 일 입력 후 ‘추가’ 버튼을 누르면 할 일 목록에 내용이 추가된다. ㆍ중요한 일이나 특징을 주고 싶은 일은 하트버튼을 눌러 강조할 수 있다. ㆍ수행한 일은 체크 버튼을 눌러 완료처리 할 수 있다. ㆍ할 일을 잘못 입력했을 경우 X표시를 눌러 삭제할 수 있다. 2) 세부기능 ㆍ추가버튼에 hover를 적용해 마우스를 올리면 색이 기존 darkblue에서 darkcyan로 변화. ㆍ인풋박스에 할 일 입력 후 엔터키나 추가버튼을 눌러 내용을 추가할 ..

1. 목표 ‘To-Do List 웹사이트’의 footer contents 수직 정렬. 2. 방법 footer 수직정렬 준비물 : div 2개 그리고 display:flex; + α 수직정렬 방법이 여러 가지 있지만 가장 쉬운방법은 flex를 이용하는 것이다. 이 방법은 footer에 한정된 방법이 아니라 css의 다른 콘텐츠에서도 활용할 수 있다. 내 경우에는 footer를 대상으로 하기에 footer영역에서만 사용했다. div를 두 개 생성하고 첫 번째 div(바깥쪽 div) 안의 두 번째 div(안쪽 div)를 중앙정렬 하고, 안쪽에 있는 div를 또 중앙정렬하면 파워 중앙정렬이 된다. 1) display:flex 와 안쪽 div에 margin:auto; 즉, 겉에 있는 첫 번째 div에 flex를 ..

1. 목표 ‘To-Do List 웹사이트’의 footer를 contents 길이와 관계없이 가장 하단에 고정하기 2. 방법 1) footer가 div class=“wrapper” 안에 포함되었을 때 : position:fixed; 이용 ㆍposition:fixed; 는 contents 내용이 길든 짧든 무조건 footer를 하단에 위치하게 한다. ㆍ문제점: contents 길이가 짧을 때는 footer가 하단에 고정되어있는 것처럼 보이지만, 내용이 길어져 스크롤이 생기면 footer가 contents 위로 올라오며 contents보다 footer가 강조된다. See the Pen footer- position:fixed; by hi-iamim2 (@hi-iamim2) on CodePen. contents..