개발 공부

개발 공부/React

react #1 [component 개념, 개발환경 구축하기]

생활코딩 이고잉 님의 리액트 강의를 부스트코스를 통해서 수강하고 있다. 웹 프론트엔드 시작하기 (리액트&리덕스) > 오리엔테이션 : 부스트코스 (boostcourse.org) component란 리액트에서 사용자 정의 태그를 작성하는 것을 component 라고 한다. ​ 이렇게 component를 사용할 경우 ​ 가독성이 좋아진다. 재사용성이 좋아진다. 유지보수하기 좋다. ​ 가독성의 경우, 복잡한 코드를 따로 component로 저장하고 실제 코드에선 component만 작성하면 되기 때문에 훨씬 좋다. ​ 재사용성의 경우, component를 한번 정의해두면 다른 사이트에서도 사용할 수 있기 때문에 좋다. ​ 유지보수의 경우, 만약 component에 오류가 있어서 변경할 경우 그 component..

개발 공부/CS 공부

네트워크 tracert, Wireshark 실습해보기

실습해볼 내용 1. 구글과 나는 어떻게 연결되어 있는지 확인해보기 -구글의 서버와 나의 컴퓨터는 어떻게 연결되어 있는가?(LAN이 몇 개... 등등) 2. Wireshark 설치 - 프로토콜이 어떻게 생겼는지 직접 보기 위해 사용할 프로그램 설치 3. 프로토콜 직접 확인해보기 - 설치한 wireshark를 이용해서 현재 컴퓨터에서 인터넷을 통해 주고받고 잇는 모든 내용을 직접 확인해보기 ​ 구글과 어떻게 연결되어 있는지 확인해보기 -cmd를 실행한다. -tracert 8.8.8.8 을 입력한다. →8.8.8.8 이란 구글 dns 서버의 ip 주소이다. →tracert 는 네트워크 길목을 쫓아가 주는 프로그램이다. ​ -실행을 하면 약간의 시간이 소요되면서 어떻게 구글 서버와 연결되어 있는지를 보여준다. ..

개발 공부/CS 공부

네트워크란 무엇인가? [네트워크, 인터넷, 분류(크기, 연결), 통신방식, 프로토콜]

https://www.youtube.com/watch?v=Av9UFzl_wis&list=PL0d8NnikouEWcF1jJueLdjRIC4HsUlULi&index=1 해당 유튜브 강의 내용을 쭉 따라가면서 네트워크에 대해 알아볼 것이다. 해당 강의 내용과 추가로 찾은 내용을 포함하여 정리할 예정! ​ 네트워크란? :노드들이 데이터를 공유할 수 있게 하는 디지털 전기통신망의 하나이다. 즉, 분산되어 있는 컴퓨터를 통신망으로 연결한 것이다. ​ 인터넷이란? :문서, 그림 영상과 같은 여러가지 데이터를 공유하도록 구성된 세상에서 가장 큰 전세계를 연결하는 네트워크 네트워크 안에 인터넷이 포함되어있는 것이다. 네트워크는 통신망이고 인터넷은 그 수많은 통신망 중 가장 큰 네트워크를 가리킨다. ​ -www는 인터넷이..

개발 공부/JavaScript

자바스크립트로 계산기 구현하기

×자바스크립트로 계산기를 만들어보고자 했다! 만들기 위해 참고한 글은 이곳 https://aosceno.tistory.com/615 [JS] 바닐라 자바스크립트로 간단한 계산기 만들어보기(2) 개선 사항 : 좀 더 단순화한 data object +/- 음수 양수 변환 추가 연산자로 이용한 연속계산과, = 버튼을 이용한 반복계산 오류 안 나게 개선 eval이 아닌 switch문으로 변경 See the Pen Caculator v1.2 by Oh.. aosceno.tistory.com 해당 글을 참고하여 계산기를 만들었고 그 과정에서 찾은 오류들을 해결하여 최종 계산기를 만들었다. 해당 글에서 찾은 오류는 1. 여러 값을 연속으로 계산하는 경우 앞의 연산자가 아닌 뒤의 연산자를 기준으로 계산되어서 5+3+2..

YJzero
'개발 공부' 카테고리의 글 목록 (5 Page)