#코드작성

질문 2

해시태그 없이 키워드만 일치하는 질문은 개수에 포함되지 않아요.

8달 전 · 이상래 님의 새로운 댓글

프론트엔드 취업에 대해 몇가지 질문있습니다.

안녕하세요 프론트엔드 취업을 준비중인 비전공자입니다. 취업관련 2가지 질문이 있습니다. 1. 작년 국비학원에서 백엔드팀과 협업 프로젝트를 했는데 당시 백엔드에서 스웨거를 이용하여 데이터를 받았는데 수료후에 스웨거 자체에서 오류가 있어 현재 배포한 프로젝트 주소로 들어가면 오류가 발생합니다. netlify로 다시 배포를 해서 나오긴하지만 이미지같은 데이터는 나오지 않는데 무슨 방법이 없을까요? 2. 국비학원 수료후 혼자 계속 공부한지 약 1년이 다되가지만 개발자분야로 취업이 힘들고 또 개인사정까지 생겨 정말 어쩔수없이 개발자분야가 아닌 단순업무 분야로 일을 다니면서 퇴근 후에 계속 프론트엔드 공부를 하고 있는데 인강을 보면서 할땐 코드가 해석이 되고 쉽다고 생각을 했는데 막상 혼자 코드를 작성을 할려고 하면 코드작성이 힘들더라구요. 혼자 코드를 작성한다고 해도 인강에서 봤던 코드를 외워서 적는 느낌도 드는데 혼자 코드를 작성할 수 있고 응용까지 가능한 공부방법이 있을까요? 실력이 많이 늘 수 있는 공부방법 조언부탁드립니다.

개발자

#프론트엔드

#개발자

#비전공자

#취업

답변 1

일 년 전 · 안희수 님의 답변 업데이트

npm과 package.json에 대해 질문있습니다.

안녕하세요 코딩 공부를 하고 있는 초보자 입니다 공부를 하다가 npm에 대해 궁금한점이 있어 질문을 드립니다. 1. npm init -y 이러한 명렁어를 작성하던데 이건 무슨 명령어인지 쉽게 설명부탁드리겠습니다. 다양한 라이브러리? 뭐 이러한 것들을 사용하기 위해 사용하는 건가요? 2. 설치를 하면 package.json 이라는 파일이 생성되는데 이건 어떤 파일인지 궁금합니다. 3. package.json 안에 보면 "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "node-sass": "node-sass", "sass": "node-sass styles/main.scss dest/style.css" }, 이러한 코드가 나오고 npm run node-sass 이러한 명령어도 사용하는데 이건 뭔지 궁금합니다. 지금까지는 html, css, js 를 공부할때 어떠한 것을 설치하지않고 그냥 각 파일만 만들어 코드작성을 한것뿐인데 이러한 것들을 설치하거나 하는 이유도 궁금합니다. 아무래도 초보자여서 구글링을 해서 찾아보고 하지만 설명들이 너무 어렵거나 헷갈려서 쉽게 알려주시면 감사하겠습니다.

개발자

#프론트엔드

#npm

#package.json

#초보-공부

답변 1

일 년 전 · 우엉김밥 님의 질문

nextjs에서 랜더링 시점 바꾸기

안녕하세요! nextjs 프로젝트 진행중에 궁금증이 생겼습니다. 현재 Sidebar 컴포넌트에서 카카오맵이 불러와져야 작업을 할 수 있는 상태입니다. 카카오 맵은 children 에서 랜더링되기 때문에 아래와 같이 코드작성시, Sidebar 랜더링 시점에 kakao is not defined 라는 오류가 뜹니다. 혹시 Sidebar를 좀 늦게 랜더링 할 수 있을까요? export default function RootLayout({ children, }: { children: React.ReactNode; }) { return ( <html lang="en"> <body className={inter.className}> <div id="login-modal" /> <section className="flex h-screen"> <nav className=" h-full bg-slate-100"> <Sidebar /> </nav> {children} </section> </body> <Script src={`//dapi.kakao.com/v2/maps/sdk.js?appkey=${APIKEY}&libraries=services,clusterer`} strategy="beforeInteractive" /> </html> ); }

개발자

#nextjs

#reactjs

답변 0

일 년 전 · 프레드윰 님의 새로운 답변

자바스크립트 api호출 질문입니다.

안녕하세요 현재 한 인강을 보면서 api를 호출하는 공부를 하고 있습니다. 이미지처럼 코드를 작성하고 마지막에 data를 콘솔로 찍어보니 콘솔에 이렇게 에러가 나더라구요. 현재는 맥북으로 코드작성하고있고 크롬 브라우저를 사용하는데 계속 이렇게 에러가 뜹니다. 어제부터 이런 에러가 나서 집에 있는 데스크탑으로 하니 데스크탑에는 정상적으로 데이터가 콘솔에 들어오는데 맥북문제인지 계속 이렇게 에러가 나더라구요. 찾아보니 cors? 프록시? 이런 말이 나오는데 해결방법도 뭔지 모르겠더라구요. 인강에서는 프록시라던지 cors 이런말이 없어서...어떤문제인지 모르겠습니다.

개발자

#javascript

#api

#프론트엔드

답변 1

일 년 전 · 권민수 님의 답변 업데이트

자바스크립트 코드작성에 대해 질문있습니다.

안녕하세요 현재 프론트엔드의 자바스크립트 인강을 들으면서 기초를 공부중인데 변수~함수등 기본적인 문법을 배우고 어떤 실습을 하는데 여기서 궁금한점이 있습니다. // 랜덤번호 지정 (컴퓨터쪽) // 유저가 번호를 입력한다. 그리고 go라는 버튼 클릭 // 만약에 유저가 랜덤번호를 맞추면 맞췄습니다. // 만약에 유저가 랜덤번호를 틀리면 틀렸습니다. // 랜덤번호 < 유저 down // 랜덤번호 > 유저 up // Reset을 누르면 게임이 리셋된다. // 5번의 기회를 다 사용하면 게임이 끝난다. (더 이상 추측불가, 버튼이 disable(클릭안됨)) // 유저가 1~100 범위 밖에 숫자를 입력하면 알려준다. 기회를 깍지 않는다. // 유저가 입력한 숫자를 또 입력하면 알려준다. 기회를 깍지 않는다. let compuerNum = 0; // 랜덤번호 저장할 변수 작성 function pickRandomNum() { compuerNum = Math.random(); console.log(compuerNum); } pickRandomNum() 이런 코드가 있는데 궁금한점이, 1. 위 코드에서 랜덤번호를 저정할 변수를 만들었는데 저 코드를 혼자 작성해본다고 했을때 저걸 변수에 우선 담아야 겠다. 뭐 이런 생각조차 나지 않더라구요. 어떻게 하면 쉽게 할수 있을지 궁금하고, 2. 두번째로 밑에 함수를 사용했는데 함수는 재사용, 관련된것끼리 묶어놓는다 이정도로 알고있습니다. 1번 질문과 마찬가지로 이부분은 함수를 사용하면 되겠다 이런 생각도 나지 않는데 혼자서도 코드를 잘 짜는 방법이 있다면 알려주시면 너무 감사드리겠습니다. 문법은 어느정도 이해는 하는데 혼자 코드를 작성을 할려고 하니 너무 막막하더라구요. 초보자가 그래도 조금이라도 코드를 혼자 작성할 정도로 공부를 한다면 어떤식으로 공부를 하면 되는지 선배님들의 조언부탁드리겠습니다.

개발자

#javascript

#프론트앤드

답변 2

일 년 전 · 박정환 님의 새로운 답변

경력 7년차 개발자입니다. 공부방법좀 공유해주실수 있으실까요?

안녕하세요 7년차 서버개발자입니다. 문제는 여태까지 7년 개발인생에서 5개 회사를 다녀봤지만, 모두 스타트업수준이라 경력직 사수가 있던적이 한번도없습니다... 그러다보니, 좋은 코드를 경험하거나 실질적으로 함께 일하며 개발자로써 일하는 방법에 대해서 조언을 들어본 경험이 없네요 주변에서 주워들은 최소한의 환경(깃, 린터, 자동배포, 문서화, 테스트코드)만 구축해놓고 일을 하고 있습니다. 그리고 클라우드 서비스를 사용할때도 메뉴얼을 확인해서 우리 서비스에 사용할수 있는 기능인가 확인하고 그냥 적용하는 수준으로 쓰고있고, 깊은수준으로 공부를 한다거나 하지는 않습니다. 코드의 수준도 '돌아가는 코드' 정도이고, 상속이나 다형성같은건 잘 사용하지도 않네요... 객체지향프로그래밍은 대학시절에 과제에나 써봤던거같아요... DB설계도 정규화하는 방법도 다 까고 연결관계도 유연하게 쓰는법을 까먹어서 지금은 그냥 연결관계는 안맺어두고 join해서 쓰는상태입니다.(심각) CS도 거의 다 까먹었네요; 실무에서 쓴적이 거의 전무할정도... 코드작성할때 시간복잡도 정도만 고려하고, 자료구조정도만 가끔 쓰네요 위에 제 상황을 보셨을때 어떤부분이 제일 심각한지, 추천해주실만한 공부방법이 있는지 궁금합니다. 7년차 되시면 다들 매니저급으로 성장하시던데... 전 아직 주니어 2~3년차 실력밖에 안되는거같아서 힘드네요ㅠㅠ

개발자

#커리어

#경력

#서버개발자

답변 8

추천해요 35

일 년 전 · 프레드윰 님의 새로운 답변

코드 작성 연습하는 법 조언부탁드리겠습니다

안녕하세요 현재 자바스크립트 기초문법을 공부중입니다. 문법을 공부하다보니 제일 중요한 코딩 작성이 너무 어렵더라구요. 문법은 100%로 까지는 아니지만 어느정도 이해도 되는데 간단한거라도 코드를 적어 뭘 만드는 연습을 하라는 말이 많아서 저도 해볼려고 하니 뭐부터 시작해야되고 어떻게 코드를 작성을 해야되는지 감이 전혀 잡히지 않습니다. 또 데이터나 매개변수 등 어떤 코드를 다른 코드 부분에 전달해야되고 이런것도 전혀 모르는 상황인데 초보자가 코드 작성할때 어떤 틀이라도 있으면 거기에 대해 응용하고 이러면 좋을것같은데 코드작성을 어떻게 시작을 하면 되는지 조언 부탁드리겠습니다.

개발자

#react

#javascript

답변 1

2년 전 · 허형준 님의 답변 업데이트

초보자 코딩작성 공부 인강 추천부탁드립다

현재 프론트엔드 기초를 공부중입니다. 그 중 자바스크립트 기초를 공부중인데 그냥 문법으로는 100% 이해까지는 아니지만 어느정도 이해는 하는데 코드를 혼자 처음부터 작성을 할려니 뭐를 어떻게 작성을 해야될지도 모르겠고 코드 리뷰도 어려운 상태입니다. 그래서 유료라도 초보자가 듣기에도 쉽고 잘 알려주는 인강을 듣고 싶은데 문법도 문법이지만 코드작성을 잘 아려주는 인강이면 좋을것같습니다. 예를 들어 변수는 문법으로는 뭔지 알고 있지만 코드를 작성을 할때 언제 변수를 작성을 하고 무엇을 변수에 담을것인지….그리고 뭐를 전달해야되고 어디에 전달해야되는 코드를 넣으면 되는것인지 등 이러한 코드를 나중에 혼자 작성을 할 정도로 잘 알려주는 그런 인강추천부탁드립니다. 그리고 국내인강이면 좋을것같습니다

개발자

#프론트엔드

#javascript

#기초

#인강

답변 1