반응형 About Me19 프론트엔드와 백엔드 차이(백엔드 개발자가 될래!! why?) [ 목차 ] 📢 프론트엔드? "우리 눈에 보이는 영역을 개발하는 일" API를 통하여 데이터를 가공해서 사용자에게 화면에 보여주거나, 입력받은 데이터를 가공하여 서버에 전달하는 로직을 작성합니다. 웹 및 모바일 솔루션의 사용자 인터페이스(UI)와 사용자 경험(UX)을 만드는 데 초점을 맞추고 있다. 🚦 프론트엔드에서 사용하는 언어(feat. 나무위키) 📌 HTML 간단하게 "뼈대" 이다. 하이퍼텍스트와 마크업 언어로 구성 하이퍼텍스트 : 페이지들 사이의 링크를 정의 마크업 언어 : 웹페이지의 구조를 정의 📌 CSS 간단하게 "꾸미기"이다. 종속 스타일 시트(Cascading Style Sheets)의 약자 개발자가 웹페이지에서 다양한 스타일을 적용할 수 있게 함으로써, 프로세스를 단순하게 만들어주는 디자.. About Me/기록 2023. 8. 8. [내일배움단] 비개발자를 위한, 웹개발 종합반 2주차 후기 (2) [2주차 후기 내용] 1. 수업 목표 2. 느낀점 [수업 목표] Javascript의 사용방식에 대해 이해하고 문법에 익숙해진다 JQuery로 HTML을 조작할 수 있다 Fetch로 서버 API에 데이터를 주고, 결과를 받아온다 [2주차 후기 내용] 1. 수업 목표 2. 느낀점 [수업 목표] Javascript의 사용방식에 대해 이해하고 문법에 익숙해진다 JQuery로 HTML을 조작할 수 있다 Fetch로 서버 API에 데이터를 주고, 결과를 받아온다 서버-클라이언트 통신 이해하기 크롬에서 JSONVue를 설치 진행 JSON -> Key:Value로 이루어져, 딕셔너리 형으로 보기 좋게 해준다 ▶ GET , POST * GET → 통상적으로! 데이터 조회(Read)를 요청할 때 예) 영화 목록 조회 ?.. About Me/회고 2023. 2. 18. [내일배움단] 비개발자를 위한, 웹개발 종합반 2주차 후기 (1) [2주차 후기 내용] 1. 수업 목표 2. 느낀점 [수업 목표] Javascript의 사용방식에 대해 이해하고 문법에 익숙해진다 JQuery로 HTML을 조작할 수 있다 Fetch로 서버 API에 데이터를 주고, 결과를 받아온다 1) 자바스크립트란? - 프로그래밍 언어 중 하나로, 브라우저가 알아들을 수 있는 언어이다 - 모든 웹서버는 HTML+CSS+JavaScript로 이루어져 있다 안에 로 공간을 만들어 작성한다 Script 태그 안에 작성하는 것이다 직독하면 : (1)버튼을 클릭하면, (2)hey를 불러라! (3)alert(’안녕’)을 실행해라! 개발자들이 미리 찍어보는 도구가 console.log 이다 JaveScript 기초 문법 ▶ 변수 & 기본 연산 let 으로 변수를 선언 문자열은 ' 작.. About Me/회고 2023. 2. 16. [내일배움단] 비개발자를 위한, 웹개발 종합반 1주차 후기 [내일배움단 참여 계기] - 고졸로 취업한지 거의 6~7년차가 되어가는 중이다. Visual C++로 프로그래밍을 진행하고 있는데 요즘 들어서 같이 취업한 친구들의 이직 및 대학 진학을 바라보면서 이름하여 '현타'가 쎄게 왔다 경력은 쌓였는데, 나는 계속 그 자리 그대로 인 것 같은 생각이었고, 20대 중반이 넘어가니까 새로운 터닝포인트를 만들고 싶었다. 그러면서 IT 개발자가 되어보고 싶다는 생각을 가지면서, 지금 현생을 살면서 스킬을 만들 수 있는 것을 찾다보니 '스파르타코딩클럽 내일배움단'에 참여하게 되었다. 국비지원으로 진행하면서 5주동안 80%만 넘기면 평생 소장이 가능하다고 해서 열심히 해볼 생각으로 참여하게 되었다 [1주차 후기 내용] 1. 수업 목표 2. 느낀점 [수업 목표] 웹 브라우저의.. About Me/회고 2023. 2. 12. [스파르타 코딩클럽] 인생사진 쏙쏙 코딩네컷 [스파르타코딩클럽] 에서 진행한 2월 월간 맛보기 코딩인 인생사진 쏙쏙 코딩네컷을 공부해봤다. 기본 시간은 얼마되진 않지만 HTML,CSS에 관한 기초적인 학습과 페이지를 만들어 사진과 동영상을 기록할 수 있는 사이트를 만드는 것이다. ★HTML, CSS 기초학습★ - HTML : 웹사이트를 이루는 기본적인 틀로 로 이루어져 있다 해당 태그의 이름을 예시로 들었는데, ,,은 노란색 글씨인 href, src, type을 넣어줘어야하는데 이러한 부분을 '속성'이라고 불린다. 2% 부족한 태그의 기능을 채워주는 역할이다 ㅁ 선택자의 역할을 하는 단어 1) 단 하나만 존재하는 요소를 표현하기 위한 방법 → ID 2) 비슷한 종류의 요소를 묶어놓는 방법 → CLASS - CSS : HTML 태그에 색칠을 하는 역.. About Me/회고 2023. 2. 5. 2023 나만의 버킷리스트 만들기!!(Feat, 스파르타코딩클럽) 이전 목차에서 시작했던 2023 나만의 버킷리스트 만들기를 진행하려고 한다 간단하게 내가 배운 걸 리뷰를 해보려고 한다!! 이 수업은 1. HTML, CSS의 기초 지식을 이해한다 2. 코딩을 활용한, 나만의 신년버킷리스트 웹을 제작한다 1. 개발툴 설치 이 수업에서는 가장 기초적이지만 중요한 개발툴(VS-CODE) 설치부터 설명하고 설치해야하는 확장팩(Korean, Live Server)도 같이 설명해주시면서 진행이 되었다 현 직장에서는 Visual Studio 2019를 사용하여 개발을 진행하고 있는데 마이크로소프트에서 무료(!?)로 배포되는 게 있는 지 처음 알아서 많이 신기했다 2. HTML, CSS의 기초 - HTML = 웹페이지의 뼈대 - 특징 1. --> - 하나의 매개체를 생성했으면 마무리.. About Me/회고 2023. 1. 31. 첫 글..(다시 걸음마부터) 📌다시 처음부터~~ 2016년도에 마이스터고 고졸 취업으로 장비 업계로 발딛은 지 거의 6년이 지났다. 그 동안 설비를 제어하기 위한 S/W(Visual C++,MFC)를 이용하여 공부도 하고 내가 쌓은 지식과 경험을 토대로 프로젝트를 진행하면서 스킬 업을 진행하던 와중, 이것만 해서는 남들과 시작점이 다르기 때문에 앞서가고 싶어서 시작했던, 머신 비전(OpenCV, Halcon)을 하면서 새로운 터닝포인트를 갖고 하루하루를 보냈다. 비전 라이센스를 가지고, 이미지 및 영상 처리를 C++ 기반으로 변경해서 프로그램을 만들고, 해당 프로그램 가지고 프로젝트를 진행하면서 알고리즘을 만들었다는 뿌듯함과 알고리즘 디버깅을 하고 마지막 결과가 잘 나왔을 때의 희열이 내가 이게 적성에 맞는 구나라고 생각을 하면서 .. About Me/기록 2023. 1. 31. 이전 1 2 다음