프론트?백? 선택이 어려워요ㅠ

아직 초보라 모르는 단어가 많네요ㅠㅠ좋은 조언 감사해요!!일단 이것저것 배워보면서 많이 고민해봐야겠어요!

모르는거 남겨주시면 댓글 남겨드릴게요 😁

이제 필기 합격하고 실기 만들어져 있는걸 따라 써보는 수준이라 프론트엔드 백엔드도 정확하게 어떻게 나뉘는지도 헷갈려요ㅠㅋㅋ 대충 홈페이지를 만드는게 백엔드고 그 홈페이지에 들어가는 이미지를 만드는게 프론트엔드인건 맞나요..?아직 너무 첫 시작이라 하나도 몰라서 지금 고민하는게 맞나 싶기도 하고…ㅎㅎ 이래저래 어렵네요ㅠㅠ

프론트엔드는 웹사이트나 앱에서 볼수있는 화면을 뜻합니다. 예를들면 로고, 이미지, 택스트, 버튼 등을 화면에 보이는 것들을 프론트엔드라 말합니다. 백엔드는 프론트엔드에서 넘어오는 데이터를 처리 하는 프로그래밍입니다 그리고 프론트와 백엔드 분리 하는 이유는 성능을 최적화 하기 위해서 분리합니다 즉 리소스자원 낭비를 최소화하기 위해서 쓰인다고 생각하면됩니다~ 예를 들자면 애초에 분리 되지 않는 페이지를 접속하면 실행순서는 웹서버언어(자바,파이썬 등) > html/css > javascript 이런식으로 로딩되는데 페이지 마다 자원들을 불러오는데 속도 때문에 불편하죠 (여기서 캐싱을 빼고 설명한거에요 캐싱에 대해 알고나면 이게 왜 필요하는지 알수있어요) 만약에 최적화를 하게 되면 html + css & js 가 압축이 되어서 실행되고 필요에 따라서 백엔드 api 서버를 불러오면 됩니다. 자원낭비가 줄어들고 페이지 속도가 빠르게 변화하는것을 볼수있습니다. 디자인 자격증을 준비 하셨으니 프론트엔드 개발자로 시작해 보면 어떨까요? 우선 언어는 자바스크립트 기초부터 공부 하기고나서 vuejs로 하셔도 됩니다. 혹은 reactjs로 하셔도 되구요~ 저 같은 경우 초보 시절때 어떤 언어들을 인강이나 학원에서 배우고나서 취직 후 실무 에서 부딧히는 경우가 많았어요. 예를들면 학원에선 이런식으로 배운대로 했는데 실무에서 요구 사항은 더 디테일 하고 로직 순서가 달라지고 여러 힘든점이 있었는데 응용기술이라... 하지만 뭐부터..? 어떤 것부터 순서대로 해야하는지 모를때도 있어요 그래서 그전에 준비 할때 간단한 사이드 프로젝트를 만들어보세요. (포트폴리오로 활용해도 좋구요) 예를 들자면 투두리스트(할일목록) 을 만드는데 다 만들고나서 기능을 보완해서 덧붙인다 거나 다이어리로 변화시켜서 갤러리 기능을 추가 한다던지 이런것들을 디테일하게 만들어보세요. 그렇게해서 완성하면 실무에서 어떤것부터 하는지 금방 캐치 할 수 있어요. 그러고 준비 되는대로 취업에 도전해보세요. 어느정도 이해 됐을거라 생각하고 좋은회사 취업 하시길 바래요 👍😎

우와 엄청 자세하게 설명해주셨네요!!제가 아는게 100에서 10정도였다면 50까지 늘어난것같아요!!완전 완벽하게 이해했는지는 확실하지 않지만 프레드님 덕분에 조금 더 깊게 생각할수 있게 된것같아요!!아직은 많이 모르는 초보지만 더 열심히 해서 원하는곳으로 취업할수있도록 노력할게요!감사합니다!!!

네~ 모르는단어는 구글검색으로 해보세요 단어가 짧던 길던 검색 습관 길들이시고 단어에 영어랑 한글 섞어서 해보세요 영어가 생각 안난다면 한글로도 되구요 대신에 찾고자하는 단어를 예를들어 vuejs 프롭스 이래도되고 꼭 앞에 공부할 언어와 찾고자하는 문법 같이 입력해야지 구글이 인식하더라구요 그리고 영어 모른다해도 번역기 돌려서 해도되구요 요즘에는 번역기도 잘 되어 있어서 좋더라구요 아마 크롬 쓰신다면 번역하기 누르면 번역된 결과 바로 볼수있어요 그리고 유투브로도 활용해서 인강 들으셔되구요 유툽에 보면 언어들 팁이나 개발자들만의 개발팁, 취업 스토리 등 이런게 많아요 드림코딩 인가 이분꺼 유명해서 한번 찾아보세요 그럼 힘찬 하루 되세요 👐

검색습관들이는거 진짜 필요하긴 하겠네요 전 검색하는걸 귀찮아해서 검색해도 자료찾는게 어렵더라구요 ㅋㅋ요즘은 학원에서 하는걸로는 잘 모르겠어서 인강도 조금씩 찾아보는중이에요!드림코딩님도 찾아볼게요!감사합니다😍