푸른영혼의별

네트워크에서 호스트에게 IP를 할당하는 방식은 크게 정적 할당 방식과 동적 할당 방식이 존재합니다.정적 할당 방식은 호스트에게 IP를 할당할 때 수동으로 설정하는 것을 의미합니다. 일반적으로 정적으로 IP를 할당하기 위해서는 부여하고자 하는 IP 주소, 자신의 네트워크의 서브넷마스크, 자신의 게이트웨이, DNS 주소가 필요합니다. 만약, IP 주소를 정적으로만 할당한다면 호스트의 수가 많아질수록 IP 할당이 번거로워질 수 있으며, 중복 IP를 입력하는 등 실수를 유발할 수 있습니다. 이러한 경우에 동적 할당 방식을 사용할 수 있는데요.동적 할당은 호스트 IP를 자동으로 할당하는 방식이라는 점에서 정적 할당 방식과 차이가 있습니다. 동적 할당 방식은 주로 DHCP(Dynamic Host Configurat..

함수형 프로그래밍(Functional Programming) 은 객체지향 패러다임과 마찬가지로 하나의 프로그래밍 패러다임입니다. 객체지향 프로그래밍은 움직이는 부분을 캡슐화하여 코드의 이해를 도우며, 함수형 프로그래밍은 움직이는 부분을 최소화하여 코드 이해를 돕습니다. 이 둘은 상충하는 개념이 아니며, 함께 조화되어 사용될 수 있습니다. 함수를 합성하여 복잡한 프로그램을 쉽게 만들고, 부수 효과를 공통적인 방법으로 추상화하는 것이 함수형 프로그래밍의 핵심 개념입니다.부수 효과(Side Effect) 는 값을 반환하는 것 이외에 부수적으로 발생하는 일들을 의미해요. 변수를 수정하거나, I/O 작업 등이 해당됩니다. 사람이 한 번에 인지할 수 있는 작업은 한정되어 있습니다. 부수 효과가 많은 코드는 이해하고..

TDD(Test-Driven Development)는 소프트웨어 개발 방법론 중 하나로, 테스트를 먼저 작성한 후 실제 코드를 작성하는 방법론입니다.TDD는 일반적으로 ‘Red-Green-Refactor’ 사이클을 따릅니다. 첫 번째 단계는 Red로, 실패하는 테스트를 작성하는 것입니다. 이 테스트는 아직 구현되지 않은 기능에 대한 테스트로, 코드가 이를 통과하지 못하는 상태에서 시작됩니다. 두 번째 단계는 Green으로, 테스트를 통과할 수 있도록 최소한의 코드를 작성합니다. 이 단계에서는 테스트를 통과시키는 것만 목표로 하여 코드를 간결하게 작성합니다. 마지막 단계는 Refactor로, 작성한 코드를 리팩토링하여 가독성이나 성능을 개선합니다. 이때 테스트는 여전히 통과해야 하므로, 리팩토링이 기능에 ..

IE호환을 원하는 S대기업의 성화에.. 기어이.. 호환을 고려하며 발전된 기술을 빼고... 퇴행하는 js 를 변환하면서.. 이렇게 길어지는 코드를 .. 발전시킨것을 고찰해본다.1. 변수를 const로 변환 안전성과 let으로 범위 안전성을 지키는 것에서 부터 var의 변천사가 있었다.2. ` 은 사실 " 와 ' 를 넘어서서 ${} 를 통해 text에 템플릿 리터럴을 넣기 편하게 만들었다. " 과 ' 를 사용하면 아주 구질구질하고 번거로워지는 코드를 백틱으로 간결하게 만들어간 기억이 문득 떠오른다.3. => 함수는 함수를 직관적으로 바꿔버린다. 그리고 함수를 변수로도 만들어서 객체로 다루어서 함수형 프로그래밍이 더 편하다/4. ?는 undefined 의 경우나 변수가 옵션 형태로 제공해서 유연하게..

URI (Uniform Resource Identifier) 는 인터넷에서 자원을 식별하기 위한 문자열입니다. URI는 URL과 URN을 포함하는 상위 개념입니다. 즉, 특정 자원을 식별하기 위한 포괄적인 방법을 제공하며, 자원의 위치나 이름을 나타낼 수 있습니다.URL (Uniform Resource Locator) 는 URI의 한 형태로, 인터넷상에서 자원의 위치를 나타내는 방식입니다. 자원이 어디에 있는지를 설명하는데 사용되며, 자원에 접근하기 위한 프로토콜을 포함합니다. 예를 들어, 웹페이지의 URL은 해당 페이지가 위치한 서버의 주소와 접근 방법(예: HTTP)을 포함합니다. ex) https://www.example.com/path/to/resourceURN (Uniform Resource N..

데이터 속성은 사용자 정의 데이터를 HTML 요소에 저장하기 위해 사용되는 속성입니다. 선언 방법은 data-로 시작하는 속성을 HTML 태그에 추가하면 됩니다. 예를 들어, 와 같이 사용할 수 있습니다. 여기서 data-user-id와 data-role이 데이터 속성에 해당합니다.자바스크립트를 통해 데이터 속성에 접근하려면 dataset 객체를 활용합니다. 중요한 점은 HTML의 데이터 속성 이름이 JS의 camelCase 형식으로 매핑된다는 것입니다. 예를 들어, data-user-id는 dataset.userId로, data-role은 dataset.role로 접근할 수 있습니다. 예를 들어 앞선 예제에서 해당요소.dataset.userId를 호출하면 “12345”라는 값이 반환됩니다.또한, CSS..

엄청난 사태가 발생했다. 대기업 S에서 자사시스템으로 인터넷 익스플로러를 쓰는데 액티브x 때문에 걷어내지 못하고 여전히 인터넷익스플로러를 쓰고 있다고 한다. 예산 때문에 아직도 쓰고 있다고 한다. 여기에 iframe으로 연결한다.그래서 인터넷 익스플로러 환경에서 해봐야 한다.대충 검색해보면 폴리필 , 바벨 이야기를 한다. 이거를 문제는 node.js 기반이 아닌 스프링부트, JSP환경에서 해야 한다. 자 그러면 어떻게 해야 할까? 바벨은 일단 제외해보고 jquery를 3.x인데 2.x를 만들었다. 그리고 css 와 js 공통을 IE모드일 경우 대비해 만들었다. 자 일단 공통이 생기니 나머지 스크립트는 화살표(=>), 백틱(`), 그리고 스코프 변수(const,let) 를 못쓴다.화살표 다 function..

항해 99에서 잔디 기부 캠페인을 해서 잔디 기부를 했다.개발자 커리어 개척 캠프 항해99 | 잔디 기부 캠페인 https://git-wrapped.com/profiles/MyoungSoo7 GitHub Wrapped 2024 - Your Coding Year in ReviewLike Spotify Wrapped, but for your GitHub activity! See your top languages, commit streaks, most productive days, and more in an engaging story format. Get your 2024 coding year in review now.git-wrapped.com 항해 99에 잔디를 기부하면서 내 git을 재미로 되돌아 볼수..

https://spartacodingclub.kr/blog/chatgpt-extensionprogramme 초보자도 사용할 수 있는 ChatGPT 크롬 확장 프로그램 5가지ChatGPT, 좀 더 똑똑하게 사용할 수는 없을까요? 생산성을 200% 높여주는 크롬 확장 프로그램 5가지를 소개합니다.spartacodingclub.kr챗GPT를 크롬확장으로 사용하는거야.. gpt 매니아라면 다 아는 것이고MaxAI.me: 검색엔진과 챗GPT 동시에 검색하기이 동시 검색이 상당히 매력적이죠~! ㅎㅎㅎ다만 유료라는 것..Sider: 검색 엔진과 AI 챗봇 답변 동시에 비교하기 https://mediabrain.news/3835/ GPT-4o 출시! ChatGPT의 혁신적인 기술 업데이트 | 미디어브레인 뉴스룸GPT-..

https://www.youtube.com/watch?v=0HQkGMJOxwo 자 인텔리제이~! 뭐든지 단축키를 잘써야 도구 활용도가 높아진다.~!이전에 알았지만 다시한번 정리해보자 3년전 영상이네요ㅎㅎㅎㅎ  4년차의 학습법을 한번 들어봅시다.ㅎㅎㅎ 1. ALT + Insert :  Generate~!  이거는 뭐 그냥 잘 쓰던거에요~!2. Ctrl + Shift + I : 코드 구현부 즉시보기이거는 써본적이 없는데... 코드 작성하면서 위라래 쓰는 거는... 스타크래프트식 부대지정이 가능해서... 그거 활용하는데...3. Ctrl + Alt +V : 변수 자동 완성흠.. 변수는 제가 직접 작성하는 편이라... AI가 제안해주기도 하지만... 그래도 이런게 있다는 것은 알아두는 것은 좋은듯 합니다.4. ..

https://www.youtube.com/watch?v=-NnYtfzO7qU AI 코파일럿이 자동완성으로 상당히 쓸만했다.https://www.youtube.com/watch?v=R-lIeSR8-hE자 여기서 추천해줬듯이ㅎㅎㅎㅎ 그러나.. 대용량 학습으로 인해 대용량 학습과는 별개로..  AI Assistant는 효과가 있나? 방통대를 졸업하며 드디어 개인 계정을 갱신하면서  AI 기능도 1년 같이 구독했다. 인텔리제이 모든 기구 쓰는거.. 파이참까지 하니 40만 가량이 나온다... 그만한 가치가 있나 한번보자~!음... 너무 질렀나... 그래도 이런 AI 활용기술을 배우는 것은 중요한 것 같다.1. 리팩토링 분야 [AI action] 어떻게 변경해야 되는지 코드에서 바로 물어볼수 있다.2. [AI C..

신청했고 갔습니다.음 선릉에서 좀 올라가니 나오더라고요.  토스증권 , 라포랩스, 스윙의 여러 연사가 있었는데, 2017년 JSP를 포함한 풀스택을 배운 저로서는 BE/FE/Server 이렇게 나뉘는 흐름이 대세가 된 것을 다시금 확인하고 있었습니다. 2020년에 VUE를 처음 접하면서 BE/FE로 나뉘고 이게 대세가 될 거라고 들었는데, 결혼으로 인해 그냥 풀스택으로 있었습니다.이제서야, 4년전의 그 BE/FE로 나뉘고 구체적으로 어떻게 구분이 되는가 들으면서 좀더 명확히 알 수 있어 좋았습니다.이력서/경력/포폴은 무엇인가 한것보다 문제해결과정을 담는 것이 좋고, 과제는 요구사항구현과 TDD,Kafka,DDD,kotlin, MSA가 대세로 많이 쓰이고 잘 알면 좋다는 군요그리고 무엇보다 사용하는 기술을..

1. 항해 및 DEV LAB 소개https://hanghae99.spartacodingclub.kr/ IT 커리어 성장 코스 항해99, 개발자 취업부터 현직자 코스까지항해99는 실무에 집중합니다. 최단기간에 개발자로 취업하고, 현직자 코스로 폭발 성장을 이어가세요. 실전 프로젝트, 포트폴리오 멘토링, 모의 면접까지.hanghae99.spartacodingclub.kr항해에는 취업리부트코스, 프론트엔드, 백엔드 AI의 다양한 코스들이 있습니다.2024년 9월1일 시점에 코테스터디가 3기가 끝나갑니다.개발자 소사이어티적인(?) 스터디모임도 있네요 이 항해에서 주관하는 항해 DEVLAP 강의 행사 연사분은 시니어3분 주니어 2분이셨습니다.그 중에 가장 인상적이었던것은 허재 연사님의 클린 아키텍처 : 무한 성장..

https://devdocs.programmers.co.kr/references/java/docs/api/index.html?overview-summary.html Overview (Java SE 11 & JDK 11 )This document is divided into two sections: Java SE The Java Platform, Standard Edition (Java SE) APIs define the core Java platform for general-purpose computing. These APIs are in modules whose names start with java. JDK The Java Development Kit (JDK) APdevdocs.programmers..

jquery는 모바일 때문에 지양하는 추세이긴 하는데 그래도 좋은 면이 많아서, 웹프론트에서 계속 쓰는데, DOM조작하고 이벤트처리, ajax지원하는 것들을 복습하니 새롭다. javascript보다 좀더 섬세한 DOM조작이 가능하고, 애니메이션효과와 ajax요청이 쉽다. Load Data 이런식으로 하는 것을 Load Data 이렇게 간단하게 요청 할 수 있다.fetch는 promises를 사용하여 ajax 요청을 더욱 간단하고 직관적으로 처리할 수 있게 한다. Load Data  fetch가 코드가 간결하여 가독성이 좋고 비동기 요청을 더 쉽게 다룰수 있어 좋으나 구형브라우저에서 지원되지 않는다.jsp는  jquery가 link 라이브러리로 무거워지..

https://www.youtube.com/shorts/cDVWI5Ugjzk?si=ahQX6kdV77JtcbQ3 jQuery4.0 이 기습출시되었다고 합니다. 7년만이군요 5.0도 나올계획이라고 하는데 저같이 프론트 피로감을 느끼는 개발자한테 좋은듯합니다~! 익스플로러 10버전 지원안하고 promise, esmodule 도입했다고 합니다ㅎㅎ 아무래도 react에는 뒤지겠지만~! 여러가지 지원하는것 같으니 더 눈여겨 봐야겠군요 https://www.youtube.com/watch?v=1V6mQom0paI react도 나름 불만이 많은게 있다고 합니다ㅎㄷㄷㄷ

https://youtu.be/pn3J8bbP42I jQuery 를 보면서 많은 생각이 든다. 필자가 학어2017년 당시에 jQuery가 react 같은 입지를 차지하고 있었다. 당시에는 javascript만으로 불편하니 jQuery라이브러를 통해 Dom제어를 좀더 효율적으로 하려한것 같다. $(document).ready(function() { }); 이 문장이 떠오른다. 이 문장의 의도가 이제는 보인다. 이게 짬밥인가 보다. document 즉 html 에서 function 즉 기능들을 수행할 작업이 ready 준비되었다는 것이다. javacript로 function등을 만드는데 보통 jQuery로 그것들을 제어했다. 그러다가 2020년쯤에 접해봤는데 javascipt라이브러리로 따로 node.js가..

https://abbo.tistory.com/41 IntelliJ의 생산성을 높이는 방법 Author: 주니용 이번 글에서는 인텔리제이 사용자를 위한 생산성을 높이는 방법을 작성해보려 합니다. 이미 다들 아시다시피 IntelliJ IDEA 도구는 개발자의 편의성을 많이 높여주는 'Refactor'과 'Inspect abbo.tistory.com 인텔리제이는 개발자의 생산성을 높여준다~! 위에서 추천한것은 refactor, inspect, shortcut이다. 특히 refactor기능은 압권이다~! clean code 하기도 구조 변경하기도 상당히 쉽게 잘만들어져 있다. 단축키가 이클립스와 다르게 키2개 (shfit +f6) 을 눌러야 되서 그렇지 refactor 기능 자체는 압권이다. Inspect 기능..

노션을 학생계정으로 사용하면~! 용량이 https://m.blog.naver.com/aiwositai/223021125469 노션 Notion 학생 계정 무료 요금제 사용 방법 안녕하세요. 코예커플입니다. 메모, 문서 작성, 프로젝트 관리, 데이터베이스, 웹사이트 만들기까지 다방면... blog.naver.com 노션 페이지 무제한 사용하고, 파일업로드도 무제한 한달 $10이면 일면이면 $100이니 10만 이상 절약되는군요 슬랙이랑 깃헙 연동 되네요~! 다만 팀플은 안되는것 같습니다. 오직 개인 학습용도로~! https://goddaehee.tistory.com/219 [Git (4)] 깃허브(GitHub) 학생 인증하기 [Git (4)] 깃허브(GitHub) 학생 인증하기 안녕하세요. 갓대희 입니다. ..

https://dev.mysql.com/doc/refman/8.3/en/ MySQL :: MySQL 8.3 Reference Manual MySQL 8.3 Reference Manual Including MySQL NDB Cluster 8.3 Abstract This is the MySQL Reference Manual. It documents MySQL 8.3 (8.3.0), as well as NDB Cluster 8.3 (8.3.0-ndb-8.3.0), respectively. It may include documentation of features of MySQL versions t dev.mysql.com mysql 을 쓰다가 버전을 8.0에서 8.3이 나왔길래 올려봤다... 무심코 올려놨는데 ..