전체 글
-
[React] 리액트의 생명 주기 (Life Cycle)📌 React 2022. 6. 27. 00:05
리액트를 처음 공부한다면? 라이프 사이클 메서드 란? 리액트의 라이프 사이클은 기본 개념이라서 정리하고 가려고 리액트 공식 사이트를 찾아 봤는데. 흐름을 그림으로 정리한 것이 있지만, 처음 접한 사람들에게 바로 바로 각인이 되지 않아서 같이 공부하는 분들에게 도움을 드리고자, 설명을 달아서 만들어 봤습니다. 저와 같이 공부하시는 분들께 도움이 되었으면 좋겠네요. 자주 사용되는 생명주기 메서드 입니다. Life Cycle 참고로 공식 리액트 문서에서 말하는 잘 사용하지 않는 생명주기 메서드는 제외하고 만들었습니다. https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/ React Lifecycle Methods diagram Fully interac..
-
인터넷 익스플로러를 떠나 보내며💡 개발 이슈와 해결/📚 채워나가는 IT 지식 2022. 6. 23. 23:30
최근에 가장 재미있게 봤던, 유쾌한 기사가 있어서 가져와봤다. 바로 익스 플로러의 사망(?)을 추모하는 묘비를 만든 한국에 어떤 소프트웨어 엔지니어에 대해서 CNN에서 기사를 쓴 것이다. 너무 웃겼다. ㅋㅋㅋㅋ 익스 플로러 때문에 마크업 개발을 할 때 고군분투 했던 나의 과거가 생각나서 그 추억과 함께 나도 애도하는 마음을 담아 포스팅을 해본다. 잘가. 덕분에 고생 좀 했지만 많은 발전을 했던 것 같아. https://edition.cnn.com/2022/06/18/asia/internet-explorer-gravestone-viral-south-korea-intl-hnk/index.html Internet Explorer's final resting place: as a 'world-class joke..
-
Apple에서 악성 소프트웨어가 있는지 확인할 수 없기 때문에 열 수 없습니다💡 개발 이슈와 해결/📚 누군가를 위한 기록 2022. 6. 18. 19:53
macOS를 사용하고 있는데 보안 시스템의 문제인지 다른 곳에서 다운로드한 파일은 실행이 제한되었습니다. 회사에는 도와줄 사람이 아무도 없어서 혼자 찾아보다가 다른 분들과 함께 공유하면 좋을 것 같아서 오늘도 기록합니다. 문제 "Apple에서 악성 소프트웨어가 있는지 확인할 수 없기 때문에 열 수 없습니다." 해결 1. "터미널" 실행 2. sudo spctl --master-disable 입력 sudo spctl --master-disable 3. 엔터(실행) -> 맥 비밀번호 입력 후 엔터(실행) 4. "시스템 환경설정" 클릭 5. "보안 및 개인 정보 보호" 클릭 6. '다음에서 다운로드한 앱 허용: ' 에 '모든 곳'이라는 항목이 없다가 생성 되었을 거에요. 7. '모든 곳' 체크.
-
[프로그래밍] 객체 지향 프로그래밍 OOP💡 개발 이슈와 해결/📚 채워나가는 IT 지식 2022. 2. 25. 16:29
'객체 지향 프로그래밍' 많이 들어 봤고, 실무에 적용해서 사용도 해봤지만 정작 설명을 하라고 하면 아직도 잘 못하겠더라고요... (자신감 하락) 기억력이 좋지 않은 저와 객체 지향 프로그래밍을 배우시는에게 도움이 되었으면 하는 바람입니다. OOP 란? Object Oriented Programming의 약자로 직역하게 되면 '객체 지향 프로그래밍'을 뜻합니다. 주어 동사 형태로 프로그래밍하는 것이라고 생각하시면 쉽습니다! OOP의 대표적인 특징 OOP에는 4가지의 중요한 특징이 있습니다. 캡슐화 (Encapsulation) 상속 (Inheritance) 추상 (Abstraction) 다형성 (Polymorphism) 1. 캡슐화 (Encapsulation) 캡슐화는 데이터와 기능을 하나의 객체로 묶는 ..
-
[JavaScript] a 태그 href="javascript:void(0);📌 JavaScript 2022. 2. 18. 13:22
경로이름 기존 소스를 분석하는 과정에서 위와 같은 내용을 보게 되었는데요. 그 중에서 경로이름 위와 같은 부분이 눈에 띄었습니다. void(0) 을 사용하면? 결과 값 undefined를 얻게 됩니다. 즉, 해당하는 링크가 정상적으로 동작하지 않게 만들기 위하여 이처럼 undefined를 사용한다고 보면 됩니다. # 을 쓰면 되지 않을까? 경로이름 해쉬기호인 #을 void(0) 대신에 쓰게 되면 링크는 이동하게 됩니다. #뒤에 아이디로 쓰지 않는 텍스트를 넣으면, 오브젝트의 이동도, 스크롤 이동도 하지 않습니다. 경로이름 #을 작성했을 때 스크롤이 위로 올라가는 문제점을 return false로 무력화했습니다. 경로이름
-
[VScode] Reactjs Code Snippets 의 단축키👩💻 개발 도구 및 환경 2022. 2. 15. 15:45
React code snippets 'React code snippets' 는 리액트로 작업하면서 필요하게된 익스텐션인데요. (기억력이 좋지 않은 저와 다른 분들을 위해 사용법을 간략하게 기록하기로 했습니다.) 설치 VScode 에서 확장 플러그인 'React code snippets'를 검색하여 설치합니다. 자주 쓰는 단축키 Trigger Content rcc 클래스 컴포넌트 생성 rrc 클래스 컴포넌트와 react-redux 리덕스를 연결해서 생성 rccp 클래스 컴포넌트와 prop type들을 클래스 뒤에 생성 rcjc import와 export 없이 클래스컴포넌트 생성 rcfc 클래스 컴포넌트와 모든 라이프사이클 메서드를 포함해서 생성 rwwd import 없이 클래스 컴포넌트 생성 rsc 화살표..
-
[Server] REST API, RESTful📌 Server 2022. 2. 14. 16:16
REST API ? REST API 가 뭐에요? REST API란 REST를 기반으로 만들어진 API를 의미합니다. 그럼 REST 는 뭔가요? REST(Representational State Transfer)의 약자로 자원을 이름(자원의 표현)으로 구분하여 해당 자원의 상태를 주고받는 모든 것을 의미합니다. 즉, 자원(resource)의 표현(representation)에 의한 상태 전달을 의미합니다. 자원 : 해당 소프트웨어가 관리하는 모든 것예) 문서, 그림, 데이터, 해당 소프트웨어 자체 등. 상태 : 데이터가 요청되어지는 시점에서 자원의 상태(정보)를 전달. JSON 혹은 XML를 통해 데이터를 주고 받는 것이 일반적. 더 구체적이게 설명을 하자면, HTTP URL(Uniform Resource..