[noun] + 的な + [noun] [noun] + 的に + [verb] [noun] + 的だ
的 goes after a noun and makes a な-adjective of it, much like English "-al", "-ic" or "-ive": けいざい経済 "economy" becomes けいざいてき経済的 "economic". Before a noun it takes な, before a verb or an adjective it takes に, and at the end of a sentence だ or です.
Both can join two nouns, but they don't say the same thing. の links the nouns directly: a problem of the economy. 的な says what kind of thing it is: an economic problem, a problem about money.
的 goes on Sino-Japanese words (漢語), mostly abstract ones. A native word or an everyday concrete noun doesn't take it; use のような instead.
These go beyond the plain adjective.
With は, 的に narrows a statement to one point of view. こじんてき個人的には is "personally".
In written compounds and set terms, 的 joins the next noun with no な.