Today I Learn _ EP8 ~ EP14_2주차

개발 공부 8일차 (html , css)

---

오늘은 html 과 css 관련 해서 다양한 유튜브 영상과 구글링을 통해 공부를 했다!

 

자바스크립트와 달리 html과 css는 내가 적은 코드가 시각적인 변화가 있어서 너무 재미있었다!

 

html은 어느정도 이해가 갔는데 css는 좀 더 공부를 해야될 것 같다.

 

특히 css는 html에서 구도를 명확하게 잡아야 되는 것을 느꼈다.

 

화려한 건축 기술이 있다해도 기초공사가 부실하면 무너져 버리기 때문이다!

 

아 그리고 코드펜이라는 사이트는 정말 유용하다!! 다양한 실험을 할 수 있기 때문이다!!!

 

혹시 모르니 링크를!!! ㅋㅋ 내일도 시간적인 여유가 있으면 틈틈히 연구해야겠다!

 

내일도 화이팅!!

 

https://codepen.io/

CodePen

 

 

 

개발 공부 9일차 (git 입문)

---

 

오늘은 깃에 대해 아주 가볍게 공부를 하였다!!! 계산기 프로잭트로 인해서 개인공부는 많이 못했다는...

 

여튼 깃은 컴퓨터 파일의 변경사항을 추적하고 여러 사용자들 간에 해당 파일 작업을 조율하기 위한 대표적인 버전 관리 시스템이다.

 

이론적으로는 너무 어렵게 느껴질수 있겠지만 나름 실습을 하면서 진행하면 그렇게 어려운 내용은 아닌것 같다!!! 아직 자세하게는 공부를 못했지만 시간적 여유가 있으면 좀더 자세히 공부를 하고 블로깅을 할 예정이다!!

 

아!! 그리고 드림코딩에서 깃에 대해서 자세히 알려주는 영상이 있는데 강추강추!!!

 

가볍게 봤음에도 불구하고 설명을 너무 잘해서 어떤원리로 깃을 활용하는지 쉽게 이해하였다!!!

 

나중에 3번 정도 돌려 보면서 정리해야겠다!!!

 

https://www.youtube.com/watch?v=Z9dvM7qgN9s

 

 

개발 공부 10일차 (CLI , GIT)

---

 

어렸을 적 컴퓨터를 하다 키보드를 잘못 눌러 검은 창이 나온 경험이 있다.

 

나는 이게 무엇일까 ? 바이러스인가? 하는 생각을 한적이 있었다... 하지만 이번에 개발 공부를 하면

 

서 이친구는 아주 유용한 도구였음을 알게 되었다 ㅋㅋㅋ

 

오늘은 리눅스의 꽃 CLI에 대해서 공부를 하였고 추가적으로 node.js를 설치 해 보았다!

 

아무래도 나는 시각적인 것을 좋아해서 GUI 식으로 진행하는 것에 익숙했다... 하지만 프런트개발자라면 

 

꼭 알아야되는 개념이기에 눈물을 머금고 열심히 공부하였다...

 

처음에는 잘 이해가 안갔는데  강의도 보고 구글링을 통해서  실습을 했더니 기본적인 CLI 명령어는 사용할

 

줄 알게 된 것 같다!! 처음 공부하는 분야 여서 습득하는데에 많은 어려움이 있다.. 하지만 조금씩

 

지식이 채워지니까 뭔가 뿌듯하고 보람차다!!!

 

내일도 달려가자!!!  

 

 

개발 공부 11일차 (GIT 복습)

---

오늘은 머리가 너무 아파서 공부를 많이 못한거 같다... 그래서 진통제를 먹고

 

푹 자고 일어 났더니 어느정도 상쾌한 느낌을 받았다....

 

요근래 잠을 많이 못자는거 같다... 공부를 하는 것도 중요하지만 건강관리와 컨디션 관리도 중요하다...

 

내일 까지만 좀 달리고 주말에는 잠도 푹자고 산책도 하면서 활력을 찾아야 겠다...

 

오늘 공부한내용은 협업에 있어서 깃이 어떻게 활용하는지 ? 알아보았다!!!

 

혼자 작업해서 깃을 사용하는거랑 협업에서 깃을 사용하는 순서가 조금 다르다라는 것을 느꼈다.

 

간단하게 정리하자면 아래와 같다!!! 이내용은 상세하게 정리해서 다시 올릴예정이다!!

 

1.  github repo를 각각 fork하고 clone 한다

명령어 : git clone 클론주소

 

2. pair의 github를 remote한다

 명령어 : git remote add pair https://상대방 clone 주소

 

3. 작업이 완료 되면 내 repo에 commit 후 push 한다

 명령어 : git commit -m '내용'

           : git push origin master

 

4. 상대방의 repo에 push한다

 명령어 : git push pair master

 

5-1. 상대방이 작업하여 나의 repo에 push한 파일을 가져올 때

 명령어 : git pull origin master

 

5-2. 상대방의 repo의 파일을 가져올 때

 명령어 : git pull pair master

 

 

 

개발 공부 12일차 (GIT 복습)

---

오늘은 깃에 대해서 상세하게 공부 하였다!

 

깊이 있게 공부를 하다 보니 깃이 어떤 원리로 돌아가고 어떻게 활용 되는지 전반적으로 많이 알게 되었다.

 

앞으로 깃을 활용해서 소위 잔디 ? 이걸 심는 연습을 해야 될 듯하다...

 

아직은 배우는 단계이기 때문에 코딩공부에 좀 더 익숙해지면 본격적으로 시작 할 예정이다.

 

아.. 그리고 내 몸뚱이가 많이 허약하다는 사실을 알게 되었다... 어깨 통증 거북목 현상 미칠거 같다

 

기지개를 했더니 목과 어깨가 너무 아팠다... 앞으로 자세교정도 신경쓰면서 공부에 임해야 겠다! 

 

끝

 

 

 

개발 공부 13일차 (휴식)

---

오늘은 공부를 많이 못했다. 넘나 속상 하다 키키키

 

하지만 여태 미룬 잠을 푹~ 자서 상쾌하고 컨디션이 매우 좋다!!!

 

배열에 대해 깊게는 아니지만 간단하게 공부하였고 생각보다 이해하기 쉬웟다!

 

벌써 2주차다 짧은 시간에 많은 내용을 담으려고 하니 약간 벅찬감도 있지만 조금씩 성장하는 

 

느낌을 받고 있다. 코딩에 대한 재능은 없지만 꾸준히 노력 하다보면 어느순간 더욱 성장하겠지 ??

 

그런날을 기대하며 성실하게 매일 매일 꾸준히 공부에 임해야 겠다!!!

 

 

 

 

개발 공부 14일차 (끝말 잇기 코드 구현)

---

역시 주말은 공부가 잘 안된다...

 

그래서 오늘은 인프런 제로초님 강의를 통해 간단하게 구현할수 있는 끝말 있기 게임을 만들어 보았다.

 

2주차 동안 배웠던 변수, 조건문, 반목문을 활용해서 이런 간단한 게임을 구현하는게 너무 신기 하였다.

 

아래 코드를 while문이나 for문 둘중 하나를 복사해서 콘솔창에서 확인해보자!!!

// while문으로 만들기
 
let word = '바보'
 
while(true){
let answer = prompt(word)
 
if(word[word.length-1] === answer[0]){
    alert('good')
    word = answer;
     }else {
    alert('again plz')
   }
}
 
// for문으로 만들기
 
for(word = '바보'; true;){
let answer = prompt(word)
 
if(word[word.length-1] === answer[0]) {               
   alert('good')
   word = answer;
    }else{
   alert('again plz')
  }
}

 

여기서 alert 함수와 prompt 함수에 대해 새롭게 알게 되었고 이렇게 간단한 코드로 뭔가를 만든다는게 신기방기!!