[이지스 퍼블리싱] Do it! 리액트로 웹앱 만들기 (with 타입스크립트)
2024. 3. 30. 22:57
IT/책 리뷰
이 책은 2023년 1월에 출간된 Do it! 리액트 모던 웹 개발 with 타입스크립트의 전면 개정판입니다. Front-End 개발자로 일을 하고 있고 자유롭게 애플리케이션을 구현하고 있지만 사실 자유로운 만큼 코드를 잘 못 짜고 있지는 않을까? 잘 작성된 코드이며, 성능에 신경은 쓰고 있는 것일까 라는 의문이 들었습니다. 그래서 마음을 다시 잡고 천천히 공부해 보자 생각하였고 좋은 기회가 생겨 서평을 하게 되었습니다. 사실 책을 받아보기 전까진 과연 책이 좋아봐야 책이지 란 생각을 가지고 있었습니다. 하지만 책을 받은 후 구성을 보는 순간.. 실무에서도 많이 쓰는 내용들이 담겨 있었습니다. 이 책은 React 초보 분들이나, 자바스크립트를 사용하고 있는 그 누구라도 도움 될만한 내용이 담겨 있습니다...
[React] Class Component 주소록
2022. 11. 22. 10:34
IT/Front-End
Front-End 기능만을 사용하여 주소록을 만들어보았다. 전화번호 등록 전화번호를 등록할 때는 기본적으로 이름, 전화번호, 이메일 input 3개 입력을 받았다. input.jsx Constructor constructor(props) { super(props); this.state = { firstName: "", lastName: "", phoneNumber: "", email: "", }; } handleChange = (e) => { this.setState({ [e.target.name]: e.target.value, }); }; 연락처 생성 //연락처 생성 onCreate = (data) => { this.setState( { userList: this.state.userList.concat..
[이지스 퍼블리싱] Do it! 알고리즘 코딩테스트 (자바편)
2022. 6. 4. 23:04
IT/책 리뷰
최근 자바를 공부하며 코딩테스트 또한 준비하고 있습니다. 그러던 중 이번에 이지스 퍼블리싱에서 Do it! 알고리즘 코딩테스트 자바편이 나왔고, 기회가 되어 서평단을 할 수 있었습니다. 책의 표지를 보면 알다시피 기출문제 100제가 수록되어 있고 코딩테스트 출제 경향을 분석하여 만든 책임을알 수 있었습니다. 목차에서 부터 중요한 것들만 모아 논 것을 알 수 있었습니다. 하지만 다른 책과는 달리 이 책에서 처음 본 목차가 있었습니다 !! 02. 코드의 논리 오류를 어떻게 잡을까? 02-1 디버깅은 왜 중요할까? 바로 이 부분 이었습니다. 지금까지 디버깅이 중요한지는 알고 있었지만 왜? 중요한지에 대해서는 깊이 알지 못하였지만 이 책을 통해 디버깅에 대해 한번 더 생각할 수 있는 계기가 되었습니다. 그리고 ..
TCP/UDP 개념 & 특징
2022. 4. 14. 18:23
정리/네트워크
데이터를 보내기 위해 사용하는 프로토콜 = UDP TCP TCP (Transmission Control Protocol) - 인터넷상에서 데이터를 메세지의 형태로 보내기 위해 IP와 함께 사용하는 프로토콜 [특징] - 연결형 서비스로 가상 회선 방식 제공 - 3-way handshaking 과정을 통해 연결을 설정하고 4-way handshaking을 통해 해제 - 흐름, 혼잡 제어 - 높은 신뢰성 - UDP 보다 빠름 TCP 패킷 헤더에서 중요한 정보 = Sequence & Ack number (바이트 단위로 표시) Sequence Number : 세그먼트(각 계층 패킷의 구분을 위해 4계층-세그먼트. 3계층 패킷, 2계층- 프레임으로 구분) 데이터의 순서번호를 표기. 3Way-Handshacking ..
DHCP, 사설IP, IPv6, 서브넷팅
2022. 4. 12. 23:05
정리/네트워크
DHCP(Dynamic Host Config, Protocol) 호스트가 자신의 IP주소를 네트워크에 있는 서버로부터 자동으로 얻는 것 IP의 설정이 자동으로 분배받아 사용. 사용자가 다수의 컴퓨터를 이용할 때 일일히 IP에 대한 정보를 설정할 필요가 없다 IP가 자동할당됨에 따라 IP가 중복되어 사용이 불가능하게 되는 IP충돌을 사전에 방지함으로써 효율적인 관리가 이뤄질 수 있다. 단점으로는 서버가 다운 될 시 IP할당이 불가능하여 인터넷 네트워크 사용이 불가능하고, IP자원이 고갈됨에 따라 프로토콜 네트워크 부하로 IP할당이 불가능하거나 실패할 수도 있음. DHCP 주소 할당 방식 특징 동적할당 (Dynamic Allocation) 할당받은 장치에서 주소가 필요없다고 메시지를 보낼 때 까지 할당 자동..
Unicast, Broadcast, Multicast, IP주소체계, 클래스
2022. 4. 11. 18:21
정리/네트워크
네트워크에서 고유주소로 식별된 네트워크 목적지에 메세지 전송하는 방식에 따라 3가지 캐스트로 나뉘게 된다. 1. Unicast - 수신자 MAC주소의 첫 8bit 중 마지막 비트에 0이 지정되 Unicast로 설정되면 해당 MAC주소를 가진 노드만 프레임을 받고 나머지 노드들은 폐기한다 1:1 통신을 말하며 LAN통신에서 송신자의 MAC과 수신자의 MAC주소를 알 때 메세지를 전달한다. 같은 data를 여러 목적지로 전송할 때에는 불편한 방법이다. 2. Broadcast 수신자 MAC 주소의 모든 bit에 1을 설정해 ff : ff : ff : ff : ff 주소로 데이터를 보내면 Broadcast로 프레임을 전달하게 되어 broadcast domain 내의 모든 노드들이 프레임을 받게 된다. 네트워크에..
OSI 7계층, 계층별 정리, 캡슐화, 역캡슐화
2022. 4. 11. 17:43
정리/네트워크
OSI 7계층이란 ? OSI ( Open System Interconnection) 7계층은 국제표준화기구에서 개발한 모델, 네트워크 프로토콜 디자인과 통신을 계층으로 나눠 설명한 것. 왜 나눴을까 ? 각 계층을 나눠서 어떤 한 계층에서 문제가 발생했을 시 다른 계층은 손보지 않고 한 계층의 문제만 해결 가능. 이로 인해 유지보수면에서 아주 좋다. OSI 7계층 참조모델 OSI 7계층의 특징은 계층 간 상하 구조를 가진다. 하위계층이 정상적으로 작동을 해야 상위계층이 정상적으로 작동하는 구조이다. 두번째 로는 각 계층은 독립성을 띠고 있습니다. 한 계층에서 오류가 발생하면 오류가 발생한 계층만 수정하면 통신이 정상화 되기 때문에 오류가 발생해도 다른 계층에게 직접적으로 피해를 주지 않는다. 물리 계층 (..
[IT/알고리즘과 자료구조] 길벗_문제해결력을 높이는 알고리즘과 자료구조
2022. 3. 31. 13:16
IT/책 리뷰
이 책은 알고리즘을 이제 입문하는 분들에게 참 좋은 활용서라고 생각합니다. 대부분 비전공자분들을 보면 모두가 그런 것은 아니지만 SW 개발실력에 목적을 두고 알고리즘과 자료구조에 대해서는 모르는 경향이 많은 것 같습니다. 주변 친구들만 둘러봐도 자바교육과정을 듣고 자바나 JS를 통해 개발은 할 수 있지만 알고리즘에 대해 물어보면 모르는 경우가 대부분이었습니다. 그럼 알고리즘과 자료구조는 왜 중요할까 ? 자료구조는 메모리를 어떻게 효율적으로 사용할것인지, 실행속도를 빠르고, 정확하게 처리할 수 있을까에 대한 목표를 두고 있습니다. 알고리즘은 자료구조의 목표를 바탕으로 문제를 해결하기 위해 정해진 일련의 절차나 방법을 공식화한 형태의 표현입니다. 자료구조와 알고리즘은 근본이며 시대의 흐름에 크게 변하지 않습..
[혼공학습단 7기] 6주차 기본미션 + 선택미션
2022. 2. 27. 13:21
IT/혼공학습단 7기
입출력 스트림 문자 기반 스트림 : 문자 데이터를 읽고 출력할 때 사용 바이트기반 스트림 : 그림. 멀티미디어 등의 바이너리 데이터를 읽고 출력할 때 사용 구분 바이트 기반 스트림 문자 기반 스트림 입력 스트림 출력 스트림 입력 스트림 출력 스트림 최상위 클래스 InputStream OutputStream Reader Writer 하위 클래스 (예) XXXInputStream (FileInputStream) XXXOutputStream (FileOutputStream) XXXReader (FileReader) XXXWriter (FileWriter) 바이트 출력 스트림 (OutputStream) OutputStream은 바이트 기반 출력 스트림의 최상위 클래스로 추상 클래스. 주요 메소드 리턴 타입 메소..
[혼공학습단 7기] 5주차 기본미션 + 선택미션
2022. 2. 19. 16:21
IT/혼공학습단 7기
벌써 혼공학습단 한지 5주차가 되었습니다!! 시간 너무 빠르고... 5주차 미션은!! Ch13의 내용은 컬렉션 프레임워크에 대한 내용입니다. 컬렉션 프레임워크란 ? 배열은 기본 타입뿐만 아니라 클래스타입의 배열도 만들 수 있기 때문에 객체 저장소로 사용할 수 있습니다. 하지만 배열 선언 시 정한 크기를 변경할 수 없고, 항목을 저장, 삭제, 추가하는 메소드가 없기 때문에 인덱스를 사용하는데 이러한 불편함을 해결하기 위해 컬렉션 프레임워크가 제공되었습니다. 대표적으로 List, Set, Map, Stack, Queue 등이 있습니다. List 컬렉션 저장용량이 자동으로 증가하며, 객체를 저장할 때 자동 인덱스가 부여된다. 추가, 삭제, 검색을 위한 다양한 메소드 제공 List 클래스 주요 메서드 기능 메소..