개발자
안녕하세요 선배 개발자님들 프론트엔드 개발자 준비하는 예비 개발자입니다. 현재 부트캠프를 진행하고있으며, 제가 자바스크립트를 배우고있는데 노베이스이다 보니 문제를 보고 어떻게 자바스크립트 코드를 짜야할지 감이 전혀 잡히지않습니다. 이건 변수 및 함수 처럼 기초 문법 상식이 부족해서 그런걸까요? 저 또한 그렇게 생각하긴 하는데 어떻게 앞으로 나아가야할지 막막합니다ㅠ 강의를 들을때는 코드를 따라치면서만 진도를 나가는 느낌이 듭니다ㅠㅠ
답변 4
인기 답변
질문글 보니 저의 국비 시절이 생각 나네요 사실 길은 하나인데 많은 길이 있을거라는 막연한 상상 때문에 아무것도 못하는 상황 이라 보네요 저는 주니어 시기에 해야 할 것 이 3가지로 나뉜다고 생각해요 [무엇을, 어떻게, 왜] 이 세분류를 잘하는냐 마느냐에 따라 실력이 차이난다고 생각 되요 보통 국비나 처음 프로그래밍 언어를 접했을 때 드는 생각이 대부분 작성자님 처럼 비슷한 경우가 많을 거에요 저도 그랬구요 :) 지금 집중 하셔야 할 것은 무엇을 할거냐에 대한 고찰이 필요할 시기인거 같아요 보통 코테 등 기능 구현의 집중하는 부분은 '어떻게' 할 것 인가에 대한 고민과 답변이라 생각 되요 그러다보니 그래 이걸 실행하면 이렇게 돼! 근데 그래서 뭘 해야 하는데! 라는 고민에 빠진거라고 보이네요 돌아가서 그럼 그 '무엇을' 해야하는지를 배워야 하는데 이건 체득하거나 아니면 무작정 해보다가 그렇게 되구나를 이해하는 단계는 되야 이해가 될 거에요 조금 더 빠르게 이해하고 싶으시면html/css/js가 어떻게 동작들 하는지에 대해 파악을 해보시고 그 사이의 연관 관계를 이해하시는거에 중점을 두시고 공부를 해보시면 좀 더 나은 방향이 될 수 있다고 생각해요 하지만 이 질문을 올리신건 이 길에 대해 어떻게 해야할지가 막막하여 질문 했다 생각해서 굳이 어드바이스를 드리자면 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>내 HTML 문서</title> </head> <body> <h1>환영합니다!</h1> <p>이것은 간단한 HTML 문서입니다.</p> </body> </html> 이런 html 파일이 있을 때 <h1> 태그에 있는 부분을 변동 시키려 한다 했을 때 내가 '무엇을' 해야할지 부터 한번 글이나 순서도로 작성 해보시는게 어떨까 싶어요 예를들어 - 나는 버튼을 누르면 h1 태그의 글이 변경된다는 기능을 만들것이다. - 그러면 무엇을 해야하는가? - 나는 버튼을 추가해야한다. - 나는 버튼이 눌러졌을 때 <h1>태그를 변경시킬것이다. 뭐 이런식으로 모든 행동을 하나하나 적어보는거 부터 연습해보시면 무엇을 해야할지가 정리 될 거에요 그 다음에 어떻게 해야할지에 대한 고민을 해야 하는거죠 1.버튼을 추가하려면 어떻게 해야하는가? - <button>태그를 추가하면 된다 2.버튼이 눌러졌을 때 <h1>태그 내용을 변경시키려면 어떻게 해야하는가? - 자바스크립트를 통해서 동적으로 변경 시켜야 한다 3.h1태그를 변동시키려면 어떻게 해야하는가? - 자바스크립트가 <h1>태그요소를 알 수 있어야 한다. - 자바스크립트가 불러온 <h1>태그요소의 내용을 변경 시켜야한다. 이런식으로 하나하나씩 고민을 해보시면 답이 보일 수도 있지 않을까 싶네요..
김현태
작성자
프론트엔드 개발자 꿈나무 • 2023년 10월 12일
안녕하세요 진심어린 답변 감사드립니다. 말씀해주신대로 사고방식과 어떻게 시작해야될지 감이 좀 잡혔습니다. 초조해 하지않고 묵묵히 앞으로 나아가겠습니다:)
김현태
작성자
프론트엔드 개발자 꿈나무 • 2023년 10월 12일
좋은 코드를 보면서 이해하고 내걸로 만드는 연습을 해야겠습니다!
이상선
Microsoft 출신 백엔드 개발자 • 2023년 10월 12일
코딩은 한 마디로 영어로 글쓰기라서 일반적인 글쓰기 잘 하는 방법을 따르면 됩니다. 즉 좋은 글을 읽고 이해하고 스스로 비슷한 글을 쓰는 연습을 많이 하면 됩니다. 습작을 많이 만들고 깃헙 등 풍부한 예제를 보면서 다른 사람들은 어떤 코드를 썼는지 살펴 보는 것도 좋죠. 어느 정도 시간이 지나면 나만의 코딩 스타일과 코딩 규칙 그리고 철학이 자연스레 생길 수 있습니다. 코딩은 결과가 아니라 제품을 만드는 과정이니까 결국 좋은 제품을 만드는 코드가 가장 좋은 코드입니다.
대학생 1학년, 2학년 시절이 생각나네요 제한된 일정속에서 문제를 해결하기 위해 단순히 코드만 옮겨던 시절에는 코딩을 하는 것이 싫었습니다. 오히려 과제를 못하면 어떻게 하지라는 압박감에 코드를 이해하려고 들지 않았고 단순히 옮겨쓰거나 동료의 코드를 받아서 과제를 해결했었던 경험이 있습니다. 첫번째로 우선은 초조하지 않는 것이 중요하다고 생각합니다. 두번째로 만드는 즐거움을 알면 좋을 것 같습니다. 예로 내가 버튼을 적용했더니 내가 의도했던 것처럼 작동을 했을 때의 기쁨을 아는 것이 중요하다고 생각합니다. 세번째로 잘하는 사람과 못하는 사람의 차이는 분명 존재한다고 생각합니다. 하지만 그것을 쫓아가기보다는 자신의 페이스로 나아가는 것이 좋다고 생각합니다. 마지막으로 포기하지 않고 끊임없이 시도하는 자세입니다. 이상으로 화이팅입니다
김현태
작성자
프론트엔드 개발자 꿈나무 • 2023년 10월 12일
안녕하세요 너무 힘이 되는 말씀해주셔서 감사합니다! 말씀하신거처럼 초조해 하지않고, 비교하지않고, 저만의 페이스대로 앞으로 나아가겠습니다. 감사합니다:)
저도 같은 질문을 하는 후배나 학생들을 많이 봤었습니다. 무언가 따라치면 화면에 똑같이 나오니 그저 신기하고 어떻게 활용해야하고 새로운건 어떻게 만들어낼지 전혀 감이 안 잡혀하는 경우가 많았는데요. 저는 손으로 코딩을 해보라고 꼭 가르쳐 줍니다. 손으로 내가 원하는 문제를 해결하는 그림을 꼭 그려보세요 그럼 추상화되어있는 부분이 드러나게 됩니다. 그 부분을 다시 구체화 시켜서 해결하다보면 결국 문제를 푸는 방법에 도달해 있을거에요. 추가로 익숙해지다보면 그림의 추상화 부분이 많어져도 코드짜는거에 막막함은 없어져 있을거에요🤗 다른 분들보다 경력도 나이도 어려 답변이 부실해 보이네요ㅠ 그래도 이 방법을 꼭 해보셨으면 좋겠습니다 :)
김현태
작성자
프론트엔드 개발자 꿈나무 • 2023년 10월 12일
두서없이 글을 적었는데 저의 마음과 생각을 정확하게 파악하셨네요ㅠㅠ 말씀해주신거처럼 강의 듣는것도 중요하지만 직접 해봐야된다라는 말이 더 와닿는거같습니다. 좋은 말씀 감사드리며 바로 실천으로 옮겨보도록 하겠습니다!:)
지금 가입하면 모든 질문의 답변을 볼 수 있어요!
현직자들의 명쾌한 답변을 얻을 수 있어요.
이미 회원이신가요?
커리어리 AI 봇
GPT가 달아주는 답변입니다.
2023년 10월 10일
안녕하세요, 예비 개발자님. 자바스크립트를 배우는 초기 단계에서는 확실히 많은 분들이 그런 고민을 하게 됩니다. 코드를 어떻게 작성해야 할지 감이 잡히지 않는다면, 가장 먼저 기본 문법을 완전히 이해하는 것이 중요합니다. 변수, 연산자, 제어문(조건문, 반복문 등), 함수와 같은 핵심적인 개념들에 대한 충분한 이해가 필요합니다. 부트캠프 상황에서 다루는 내용이 너무 어려운 거 같다면, 해당 토픽에 대해서 별도로 자습을 하는 것도 추천드립니다. 참고로 코드를 '따라치기'만 하는 것보다는 직접 문제를 해결하는 경험을 쌓아보시는 게 중요합니다. 사소한 프로젝트라도 좋으니 자신만의 아이디어를 가지고 작은 앱을 만들어 보세요. 그 과정에서 검색하고, 시도하고, 실패하며 배우게 되면 많은 도움이 될 겁니다. 또한 알고리즘을 공부해보시는 것도 추천드립니다. LeetCode나 HackerRank 같은 사이트에서 자신의 레벨에 맞는 문제를 풀어보세요. 이런 과정을 통해 로직 구현 능력뿐만 아니라 문제 해결 능력 및 디버깅 스킬도 기를 수 있습니다. 코딩은 실습을 통해 배우는 것이 가장 좋습니다. 지금 당장에는 어렵게 느껴질 수 있지만, 조급해하지 마시고 차근차근 진행하시면 분명 성장하는 모습을 보실 수 있을 거에요! 화이팅입니다!
지금 가입하면 모든 질문의 답변을 볼 수 있어요!