분류 전체보기 20

[html] 마크업(Markup) 과 마크다운(Markdown)

오늘은 출근길에•• 월요일이지만 내일 광복절이다 아자 .ᐟ ٩꒰⍢ ꒱۶ 깃허브 리드미 부분 수정할 일도 있고, 이번주가 학회 해커톤이라 웹사이트 제작을 한창 마무리하고 있어서 내 눈에 문득 마크업과 마크다운이라는 단어가 확 들어왔다. 웹 개발자, 혹은 입문자라면 정말 많이 들어봤을 cs 지식일 테지만 헷갈릴 사람이 많을 것 같다고 생각했기에 오늘의 단어로 결정 ! 처음에 두 단어를 들어봤을 때에, 흔히 이런 글을 보았다. Markdown은 Markup language의 일종이다 왕초보 개발자인 나에겐 이 말이 무슨 말인지도 전혀 감이 안 잡혔었고, Markup language는 또 뭐지? 라는 생각도 들었었다. 🖋️Markup Language- 문서가 화면에 표시되는 형식을 나타내거나 데이터의 논리적인 ..

[CS지식] 프레임워크(Framework)와 라이브러리(Library)

오늘의 단어는 프레임워크와 라이브러리이다. 요 몇일 조금 힘들었기 때문에.. 오늘은 기초 지식으로 복잡한 머리를 식혀보자 !🥲 기초 지식이긴 하지만 은근히 헷갈리기도 하고, 설명하려 하면, “ ..뼈대와 모듈 ..? ” 이렇게 머뭇거리게 되는 지식이어서 이번 기회에 다시 되짚고 넘어가보자. 🩻프레임워크(Framework)개발자가 원하는 기능 구현을 할 수 있도록 필수적인 코드, 알고리즘, DB 연동 등과 같은 기능이나, 일정한 형태를 갖추고 있는 골격, 뼈대를 말한다. 프레임워크는 프레임워크만으로 프로그램이 동작하는 것이 아니라 뼈대를 제공하고 그 위에 개발자가 코드를 올려 동작하게끔 하는 특징이 있다. 📖예시 - Spring : Java 서버 개발에 - Django, Flask : Python 서버 개..

[html] script / script async vs script defer 차이

오늘은 월요일이니 특별히 용어 세 개 ! 사실 세 단어로 보이지만 script async 와 script defer 을 비교하기 위해 넣은 것 ..! 🤭 오늘은 이 두 개의 단어를 장단점을 기반으로 비교하는 흐름으로 작성해 보러 한다. 1. 2. + defer 먼저 defer 속성도 브라우저는 스크립트를 백그라운드에서 다운로드한다는 점에서 async속성과 공통점이라고 볼 수 있다. defer 속성도 html 파싱과 동시에 스크립트를 다운로드 한다. 그러나 defer는 async와는 달리 다운로드된 js 파일은 DOM(페이지) 생성이 완료된 직후에 실행된다.(=DOMContentLoaded 직후) 그래서 defer 속성은 DOM을 조작해야 하거나, HTML이 모두 파싱된 후 실행되어야 하는 코드이거나, H..

[React] .js vs .jsx 차이점

오늘의 단어는 js와 jsx이다. 사실 jsx를 소개하기 위해 js도 오늘의 단어에 추가했다. React를 본격적으로 공부하면서 Javascript 파일을 생성할 때, 확장자가 .js 인 경우도 있고, .jsx 인 경우도 있었다. 처음에는 큰 차이가 없어 보여서 보편적인 .js를 사용하여 코딩했었는데, 각 기능에 대해 알아야 필요시 제대로 활용할 수 있을 것 같아 정리해두었다. 💭요약! : JS는 표준 자바스크립트를 뜻하고, JSX는 사용자가 리액트를 사용해 좀 더 직관적으로 컴포넌트를 만들 수 있는 HTML식 문법이다. 👩🏻‍💻 JSX란? - Javascript XML의 약어 - 쉽게말해 jsx는 JavaScript 확장 문법 - js보다 jsx를 쓰는 이유는 보통 자바스크립트 내에 HTML을 사용할 ..

[8.1] 머신러닝(Machine Learning)과 딥러닝(Deep Learning

인공지능은 요즘 내 머릿속을 지배하고 있는 주제이기도 하고, AI에 관심이 없는 사람이라도 워낙 화두에 오르는 주제이기도 하니만큼, 머신러닝(Machine learning), 딥러닝(Deep Learning)이라는 키워드도 많이들 들어봤을 거다. 첫 주제이니 만큼 주 관심사인 머신러닝과 딥러닝의 개념이 무엇이고, 이 둘을 비교해서 설명해보려 한다. (사실 인공지능까지 3개의 단어긴 하지만) 머신 러닝과 딥 러닝은 흔히 번갈아 사용할 수 있는 유행어처럼 보이지만, 이 두 사이에는 분명한 차이점이 있다. 먼저 머신 러닝과 딥 러닝의 차이를 이해하는 데 있어 첫 번째 단계는 "딥러닝이 머신 러닝의 하위 집합" 이라는 점인데, 결론부터 말하자면, " 인공지능은 가장 넓은 개념이며, 인공지능을 구현하는 대표적인 ..

8월 Challenge! 매일 개발 단어 두 개씩 소개하기

어느덧 8월에 접어들었고, 무더위에 지칠 때쯤, 다시 새로운 기분으로 마음을 다잡을 수 있는 월초가 되었다. 벌써 한 해의 절반이 지나갔고, 여름방학도 반절이 지나가며, 남은 방학 한 달을 어떻게 보내야 할 지 고민하는 시간이 찾아왔다. 이번 방학은 처음으로 인턴 일을 해보며 개발 실무경험을 쌓기도 하고, 기록쟁이인 나를 위해 Tistory라는 또 하나의 배움의 기록장을 만드는 등 나만의 새로운 도전들을 계속해서 쌓아가고 있는 것 같다. 이 기세를 몰아 남은 방학 한 달을 새로운 도전과 경험을 통해 열정적이게 보내고 싶다는 생각이 들었고, 문득 나만의 챌린지, 나만의 습관을 하나 만들고 싶다는 생각이 들었다. 보통 하나의 습관이 형성되기까지는 약 1주~2주의 시간이 소요된다는 이야기를 들은 적이 있는데,..

RPA와 OpenRPA

RPA란? 소프트웨어 로보틱스라고 알려진 로봇 프로세스 자동화 Robotic Process Automation(RPA)는 데이터 추출, 양식 작성, 파일 이동 등과 같은 사람들이 하는 백오피스 작업을 대신하기 위해 자동화 기술읗 사용합니다. 이는 API와 사용자 인터페이스(UI) 상호작용을 결합하여 엔터프라이즈 애플리케이션과 생산성 애플리케이션 간의 반복적인 작업을 통합하고 수행합니다. RPA 툴은 인간 프로세스를 에뮬레이션하는 스크립트를 배포함으로써 연관성이 없는 소프트웨어 시스템에서 다양한 활동 및 트랜잭션을 자율적으로 수행합니다. 쉽게 말해서, RPA는 소프트웨어 로봇 또는 봇을 활용하여 사람이 수행하는 일상적이고 반복적인 비즈니스 프로세스를 자동화하는 기술입니다. 이러한 프로세스 자동화는 컴퓨터 ..

카테고리 없음 2023.07.31

개발시, 반드시 작업을 문서화하는 습관 들이기!

요건 정의서, 개발 보고서, 테스트 완료서 등과 같은 문서화는 소프트웨어 개발 프로세스에서 매우 중요한 역할을 수행한다. 필자도 처음에는 개발시, 문서화의 중요성을 망각하고 가이드라인 없이 무작정 개발을 진행했던 적이 있다. 물론 작은 프로젝트같은 경우에는 문서화 작업 없이도 별 문제 없이 진행했었다. 그러나 다루는 프로젝트의 규모가 점점 커지고, 여러 개발을 진행하게 되면서,문서화의 필요성을 마주하게 되었다. 내가 무엇을 개발할 것이며, 내가 무엇을 개발하고 있으며, 어떤 문제에 맞닥뜨렸고, 이를 어떻게 해결했고, 개발 완료가 어떻게 됐는지에 대한 기록이 없다면, 나중에 시간이 흐른 후 다시 들여다봤을 때, 생전 처음 보는 코드를 맞닥뜨릴 수도 있다. 물론 익숙해지기 전까진, 개발자에게 문서화란 무척 ..

카테고리 없음 2023.07.24

개발시 로그 출력하기.

SW 개발시, 현재 동작이나 오류, 상태를 나타내기 위해 로그를 출력한다. 로그는 코드의 실행 상태, 중간 결과, 오류 메시지 등을 기록하여 디버깅이나 추적에 도움을 준다. 그런데, 소스 코드에 로그를 많이 적게 되면 오히려 운영하면서 많은 로그로 인해 디버깅이 더 불편하게 된다. 즉, 쓰레기 데이터가 많이 쌓이기 떄문에 꼭 필요한 로그인지 파악하는 습관이 필요하다. 실제 프로덕션 환경에서는 로그를 기록하기 위해 로깅 라이브러리를 사용하거나 로그 파일, 데이터베이스 등에 로그를 저장하는 것이 일반적이다.. 로깅 라이브러리는 로그 레벨, 로그 메시지 형식, 로그 위치 등을 관리할 수 있도록 도와준다. 간단한 예를 들어 설명하자면, 다음은 wpf(.NET framework; cs&xmal)와 openRPA를..

카테고리 없음 2023.07.18