TIL_220422_미니 팀 프로젝트

마인드 일지

 

미니 프로젝트가 끝났다.

 

뭔가 오늘의 글은 많이 반성하는 글이 되지 않을까 생각이 든다.

 

---

 

무엇을 느겼는가.

 

1.

가장 먼저 내 실력을 확인할 수 있었다..

분명 같은 강의를 듣고 같은 수업을 받았으며, 개인 과제도 같은 것을 경험했을 것이다.

근데 이 캠프의 수준 자체가 다름을 오늘 발표회를 통해서 알 수 있었다.

 

안일했다.

다른 것을 다 떠나서 이정도 가지고서 나는 잘 하고 있다고 느꼈다니.

내 자신이 너무 부끄러웠다.

 

 

2.

정신나간 소리겠지만, 나를 부끄러워한 나 자신을 반성한다.

아직 무엇을 제대로 뛰어 들어가본 적이 있나.

나 스스로가 정말 최선을 다했는지, 그게 최선이였는지.

 

실력을 보려고 하지 말자.

실력에 눈을 두지 말자.

실력에 가리워 내가 할 일을 잊지 말자.

시작이 늦었을 뿐이고,

이제 시작했을 뿐이다.

 

 

3.

강의에서 JavaScript 의 기능을 가지고 응용하는 내용이 있었다.

크게 다루지 않는 영역이라고만 생각했는데, 내가 기획하고 상상했던 웹 페이지의 절반은 JavaScript 로 기능이 구현된다.

프로젝트 중에 공부하고 적용하면 될 줄 알았다.

말이 쉬웠지, 기초가 되어있지 않아서 건드리는 것 조차 될 수 없었다.

이 감정은 더 보게 만드는 도화선이 될 것이다.

나를 무기력하게 만든 언어.

가만안둬..

 

 

---

 

 

발표 후 튜터님의 피드백

- 내가 스스로 적용한 기능들을 가지고 다른 활용 예제로 구현해 보는 것을 추천해주셨다.

-- 추가로 다른 웹 페이지 서비스를 크게 보고 어떤 식으로 기능이 구현되고 있는지 볼 것.

- 앞으로 협업에 있어 경로에 대한 기본 개념 지식 이해하기

-- 절대 경로, 상대 경로

- 디버깅을 통해 오류를 찾는 실력 기르기

 

 

한심한 자신을 위한 개념 잡기

HTML

웹 페이지의 구조를 만들어준다. (마크업 언어)

 

CSS

웹 페이지에 디자인을 입혀준다. (스타일 규칙 언어)

 

JavaScript

웹 페이지가 동적으로 움직이도록 만들어준다. (스크립트 언어)

 

JavaScript 란?

- 웹을 위한 인터프리터 언어

- 객체기반의 스크립트 프로그래밍 언어

- HTML 의 특정 요소들을 선택하여 다양한 이벤트(마우스 클릭, 키보드 입력 등)에 따라 어떤 동작을 하도록 해주는 기능

- 발생하는 이벤트에 따라 HTML, CSS 를 조작

- 그 외 여러가지

 

JavaScript 장단점

장점

- 컴파일 과정이 필요없다 > 빠른 시간 안에 스크립트 코드를 작성할 수 있다.

- 다른 언어들에 비해 단순한 구조와 원칙을 갖고 있어 배우기 쉽다.

- 웹에 특화된 기술이기 때문에 운영 체제나 플랫폼에 상관없이 잘 작동되고 확장성이 높다.

 

단점

- OS 에 직접 접근할 수 없음.

- 하드 디스크를 읽거나 쓸 수 없음.

- 다른 프로그램을 호출 할 수 없음.

- 도메인이 동일한 탭/윈도우 간에 통신을 수행할 수 없음. (두 탭/윈도우 제외)

- 일부 보안 상의 제약이 있음.

- 브라우저의 보안을 위해 별도 보장이 필요함.

- 자체 도메인에 대해서만 제한 없이 네트워크 요청을 보낼 수 있음.

 

JavaScript 가 할 수 있는 일

- HTML 페이지 변경 및 HTML 엘리먼트와 콘텐츠의 추가/제거

- CSS 및 HTML 엘리먼트의 스타일 변경

- 사용자와의 상호작용, 폼의 유효성 검증

- 마우스와 키보드 이벤트에 대한 스크립트 실행

- 웹 브라우저 제어, 쿠키 등의 설정과 조회

- Ajax 기술을 이용한 웹 서버와의 통신

 

 

참고사이트 : https://velog.io/@surim014/%EC%9B%B9%EC%9D%84-%EC%9B%80%EC%A7%81%EC%9D%B4%EB%8A%94-%EA%B7%BC%EC%9C%A1-JavaScript%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80-7gk4thno6n