🙄개발공부하는데욥

git status   // git 상태
git pull    // git 최신화하기
git checkout -b newbranch   // 새 브랜치 만들기 [newbranch: 브랜치명]
// 자동으로 newbranch 로 이동함
// newbranch에서 작업 ...
git status
git add .
git commit -m "feat : msg"
git push
git checkout main
git status
git pull // 항상 최신화 해줄 것...!!!

https://eunhee-programming.tistory.com/256

https://myung-ho.tistory.com/91

얼마 전에 프리온보딩 선발 과제 때문에 리액트로 회원가입 및 로그인 구현과 투두 리스트를 구현을 하게 되었는데, 순간적으로 어떻게 했었더라..? 하고 당황했었다.ㅎ  

 처음 배울 때 제대로 된 리액트 수업을 받은게 아니라 그 이후에 따로 공부를 했었어야 했는데 학습을 게을리한 과거의 내가 내 발목을 잡았다 ㅋㅋㅋㅋㅋ 

역시 사람은 자기가 한 그대로 돌아온다는 것을 느끼게 되었다.

 일단 침착하게 디렉토리 정리부터 하고 파일을 세부적으로 나눴다. 그리고 몇 번의 시행착오를 거치면서 하나 둘씩 완성해갔다. 맨 처음 리액트를 배우면서 회원가입/로그인, 투두리스트를 구현했을 때보다 왜 여기에 이런 함수를 써야하는지 어떻게 작동하는지 확실히 이해하게 되었다.

 그리고 또 한 가지 느낀 점은 얘를 까먹지 않기 위해서는 꾸준히 기록해둬야겠다는 것이었다.

 다른 사람들이 정리해놓은 좋은 개발 글들도 많지만 직접 내가 기록하면 아무래도 더 잘 기억에 남기도 하고 나만의 언어로 기록을 하는 것이 나중의 내가 봤을 때도 더 잘 이해할 수 있으니까 말이다.

아무튼 이번 선발과제를 수행하면서 합불 여부와 관계없이 공부가 많이 되었고 지원하길 잘했다는 생각을 하게 되었다.

1. [리눅스] 크롬 업데이트

터미널 열고

$ sudo apt update

$ sudo apt upgrade

$ wget --version (버전 확인. 안깔려있으면 까셈)

$ wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb

$ sudo dpkg -i google-chrome-stable_current_amd64.deb

$ sudo apt-get install -f

$ google-chrome (업데이트 된 크롬 실행)

2. deb 압축 파일 풀기

$ dpkg -x [압축 파일명] [압축 파일 풀 dir]  

3. tar.xz 압축 파일 풀기

$ tar -xvf [압축 파일명] [압축 파일 풀 dir]

4. [리눅스] (3000번)포트 죽이기

$ netstat -nap|grep (모든 포트 확인)

$ netstat -nap|grep 3000  (3000번 포트 확인)

$ losf -i tcp:3000

$ kill -9 PID(->숫자 넣기)   (3000번 포트 죽이기)

{
  "compilerOptions": {
    "allowJs": true,
    "checkJs": true,
    "noImplicitAny": true
  },
  "include": ["./src/**/*"]
}

VS Code 터미널

라는 오류가 발생했다.

구글링해보니 Power Shell  에서 

1. >  Get-ExecutionPolicy 을 입력

    Restricted 이 출력됨

2.> Set-ExecutionPolicy RemoteSinged 라고 치면

실행 규칙 변경이 뜬다.

이 때 [N] 아니요(N)을 누르면 실행 규칙이 변경이 안되고 

[Y] 예(Y)을 눌러줘야한다. 

근데 만약 Set-ExecutionPolicy: 레지스트리 키 어쩌구 저쩌구에 대한 액세스가 거부 되었습니다. 라고 뜬다면

PowerShell 의 안내에 따라 "관리자 권한으로 실행" 옵션으로 Window PowerShell 을 시작하면된다.

3.>Set-ExecutionPolicy - Scope CurrentUser를 적어준다.

[Y] 예(Y)을 눌러주고 나서

4. >   Get-EXecutionPolicy 를 다시 입력해보면

         RemotedSigned라고 바뀐 것을 확인할 수 있다.

진짜 개삽질 of  개삽질

구글에 검색해보면 5분내로 해결 가능한것을...

혼자 어떻게 해결해보겠다며 3시간은 끙끙 댄 것 같다.

지금 생각해보면 당연한건데 말이다 ^_ㅠ

화면이 커졌다 작아졌다할 때도 버튼을 중앙에 고정 시키고 싶어서

처음엔 margin:auto 값을 줘도 적용이 안되고 좌측에 고정이 되어있길래 margin-left, margin-right 을 해주니

중앙 정렬은 됐는데 적용이 됐는데 화면을 줄이니까 버튼이 어그러지기도 하고 옆으로 옮겨지기도 하고..

div 는 block 개념이고 span은 inline 개념이니 

애초에 margin-left로 margin값을 고정을 시켜버리면 화면이 줄든 커지든 그 값에 고정이 되어버리니까 안되는 것이 당연했슴. 처음엔 css의 문제인 줄 알았는데 알고보니 나는 html의 기본도 없는 것이엇다.. ^_ㅜ

아무튼 span 을 div 로 바꾸고 margin:auto로 하니 적용 완. 

JS Arrays란?

- colletion of things

독립된 변수들을 하나의 그룹으로 묶어줌

ex) 일주일 동안 먹을 수 있도록 7칸으로 나뉘어진 약통

1. 배열은 값은 집합이다.

2. 배열의 값은 순서있는 집합이다.

- [ ] 대괄호 사용

- 0부터 시작

- type of  = 'object'

ARRAY METHODS

• Push - add to end
• Pop - remove from end
• Shift - remove from start
• Unshift - add to start 

MORE METHODS

• concat - merge arrays
• includes - look for a value
• indexOf - just like string.indexOf
• join - creates a string from an array
• reverse - reverses an array
• slice - copies a portion on an array
• splice - removes/replaces elements
• sort - sorts an array

# concat

cats.concat(dogs)

먼저 적어 준 변수가 앞에 나온다.

# includes

includes는 boolean methods라서 true 와 false 두 가지 값만 반환한다.

이 때 대,소문자도 구분함.

# indexOf

# reverse

# slice

# splice

# sort

if문 중첩에 대해서 알아보자.


비밀번호를 입력할 때
두 가지 조건을 필요로 하였다.

1. 길이가 6글자 이상일 것.
2. 공백이 없을 것.

const password = prompt("please enter a new password");

변수로 password를 지정한 후 프롬프트창에 띄웠다.

const password = prompt("please enter a new password");

// Password must be 6+ characters
if (password.length >= 6) {
    // Password cannot include space 
    if (password.indexOf(' ') === -1) {
        console.log("Valid Password!");
    } else {
        console.log("Password cannot contain spaces!")
    }
} else {
    console.log("PASSWORD TOO SHORT! Must be 6+ characters")
}

indexOf(' ')
-1
공백처럼 존재하지 않는 것을 찾는 경우 -1 출력

"hello".indexOf('h')
0 이 출력됨.
존재하는 것

const dayOfWeek = prompt('ENTER A DAY').toLowerCase();
// const는 상수. prompt창에 ENTER A DAY라고 뜬다. 
// toLowerCase()가 요일을 대문자로 적어도 자동으로 소문자로 바꿔서 인식하도록 함.

if (dayOfWeek === 'monday') {
    console.log("UGHHH I HATE MONDAYS!")
    
} else if (dayOfWeek === 'saturday') {
    console.log("YAY I LOVE SATURDAYS!")
    //else if 는 if 문이 선행되어야만 사용 가능함. if문이 거짓일 때 else if문이 작동
} else if (dayOfWeek === 'friday') {
    console.log("FRIDAYS ARE DECENT, ESPECIALLY AFTER WORK!")
} else {
    console.log("MEH")
    // else if 도 아닌 나머지 요일은 else로 넘어가게 됨.
    // 즉 화,수,목,일요일을 적을 경우 콘솔창에 "MEH"가 나타나게 됨.
    // else if는 가장 마지막에 사용되어야 함
}

※ 이 때 === 으로 적어줘야 한다.
왜냐하면 string 인지 number인지 구별을 해야하기 때문이다.

브라우저를 열면 가장 먼저 프롬프트 창이 뜬다.
이제 요일을 입력해보자
이 때 주의할 점은 한글이 아닌 영어로 요일을 적어야 함.

이번에는 sunday를 입력해 보았다.